diff --git a/css/metro.less b/css/metro.less
index 55a30010..fbff46e9 100644
--- a/css/metro.less
+++ b/css/metro.less
@@ -165,7 +165,7 @@ Test out these custom less files live
 		padding: @overallPadding;
 	}
 
-  .dark-row th, .dark-row td {
+  .dark-row th, .dark-row td, caption.dark-row {
     background-color: darken( @headerBackground, 10% );
   }
   
diff --git a/css/theme.jui.css b/css/theme.jui.css
index ea33277d..4cb72230 100644
--- a/css/theme.jui.css
+++ b/css/theme.jui.css
@@ -5,7 +5,7 @@
 .tablesorter-jui {
 	width: 100%;
 	border-collapse: separate;
-	border-spacing: 2px; /* adjust spacing between table cells */ 
+	border-spacing: 2px; /* adjust spacing between table cells */
 	margin: 10px 0 15px;
 	padding: 5px;
 	font-size: 0.8em;
diff --git a/css/theme.metro-dark.css b/css/theme.metro-dark.css
index a2c8ec19..28cf1eb4 100644
--- a/css/theme.metro-dark.css
+++ b/css/theme.metro-dark.css
@@ -12,7 +12,7 @@ Metro Dark Theme
 	text-align: left;
 }
 
-.tablesorter-metro-dark tr.dark-row th, .tablesorter-metro-dark tr.dark-row td {
+.tablesorter-metro-dark tr.dark-row th, .tablesorter-metro-dark tr.dark-row td, .tablesorter-metro-dark caption.dark-row {
 	background-color: #222;
 	color: #fff;
 	padding: 2px;
diff --git a/docs/example-widget-css-sticky-header.html b/docs/example-widget-css-sticky-header.html
index 2cbd2328..046d17e6 100644
--- a/docs/example-widget-css-sticky-header.html
+++ b/docs/example-widget-css-sticky-header.html
@@ -24,6 +24,7 @@
 	<link class="theme" rel="stylesheet" href="../css/theme.black-ice.css">
 	<link class="theme" rel="stylesheet" href="../css/theme.dark.css">
 	<link class="theme" rel="stylesheet" href="../css/theme.dropbox.css">
+	<link class="theme" rel="stylesheet" href="../css/theme.metro-dark.css">
 
 	<style id="css">/* wrapper of table 2 */
 .wrapper {
diff --git a/docs/example-widget-scroller.html b/docs/example-widget-scroller.html
index 68b22607..55a8adf8 100644
--- a/docs/example-widget-scroller.html
+++ b/docs/example-widget-scroller.html
@@ -24,6 +24,7 @@
 	<link class="theme black-ice" rel="stylesheet" href="../css/theme.black-ice.css">
 	<link class="theme dark" rel="stylesheet" href="../css/theme.dark.css">
 	<link class="theme dropbox" rel="stylesheet" href="../css/theme.dropbox.css">
+	<link class="theme metro-dark" rel="stylesheet" href="../css/theme.metro-dark.css">
 
 	<!-- Tablesorter script: required -->
 	<script src="../js/jquery.tablesorter.js"></script>
diff --git a/docs/example-widget-sticky-header.html b/docs/example-widget-sticky-header.html
index 76967d6d..01428910 100644
--- a/docs/example-widget-sticky-header.html
+++ b/docs/example-widget-sticky-header.html
@@ -24,6 +24,7 @@
 	<link class="theme black-ice" rel="stylesheet" href="../css/theme.black-ice.css">
 	<link class="theme dark" rel="stylesheet" href="../css/theme.dark.css">
 	<link class="theme dropbox" rel="stylesheet" href="../css/theme.dropbox.css">
+	<link class="theme metro-dark" rel="stylesheet" href="../css/theme.metro-dark.css">
 
 	<style id="css">/* wrapper of table 2 */
 .wrapper {