diff --git a/index.html b/index.html
index 680f7756..4176d30c 100644
--- a/index.html
+++ b/index.html
@@ -899,7 +899,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/index2.html b/index2.html
index 57cec1a5..36ab61ae 100644
--- a/index2.html
+++ b/index2.html
@@ -1114,7 +1114,7 @@
       </footer>
 
       <!-- Control Sidebar -->
-      <aside class="control-sidebar">
+      <aside class="control-sidebar control-sidebar-light">
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/UI/buttons.html b/pages/UI/buttons.html
index 54360443..9a06e823 100644
--- a/pages/UI/buttons.html
+++ b/pages/UI/buttons.html
@@ -1332,7 +1332,7 @@
       </footer>
 
       <!-- Control Sidebar -->
-      <aside class="control-sidebar">
+      <aside class="control-sidebar control-sidebar-dark">
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/UI/general.html b/pages/UI/general.html
index 050d9288..8777c94e 100644
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -1192,7 +1192,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/UI/icons.html b/pages/UI/icons.html
index 113bc118..b373c8f0 100644
--- a/pages/UI/icons.html
+++ b/pages/UI/icons.html
@@ -2232,7 +2232,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/UI/modals.html b/pages/UI/modals.html
index c403cb20..bb59657e 100644
--- a/pages/UI/modals.html
+++ b/pages/UI/modals.html
@@ -599,7 +599,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/UI/sliders.html b/pages/UI/sliders.html
index c59cfb58..6981fa06 100644
--- a/pages/UI/sliders.html
+++ b/pages/UI/sliders.html
@@ -545,7 +545,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/UI/timeline.html b/pages/UI/timeline.html
index 795ad191..5e1872f1 100644
--- a/pages/UI/timeline.html
+++ b/pages/UI/timeline.html
@@ -622,7 +622,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/calendar.html b/pages/calendar.html
index 06e1dbcf..231150e3 100644
--- a/pages/calendar.html
+++ b/pages/calendar.html
@@ -532,7 +532,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/charts/chartjs.html b/pages/charts/chartjs.html
index a1dc327d..c2df536a 100644
--- a/pages/charts/chartjs.html
+++ b/pages/charts/chartjs.html
@@ -431,7 +431,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/charts/flot.html b/pages/charts/flot.html
index 051a0551..0fab36af 100644
--- a/pages/charts/flot.html
+++ b/pages/charts/flot.html
@@ -559,7 +559,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/charts/inline.html b/pages/charts/inline.html
index 23120901..82848be6 100644
--- a/pages/charts/inline.html
+++ b/pages/charts/inline.html
@@ -730,7 +730,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/charts/morris.html b/pages/charts/morris.html
index 2d3b0423..3c28afaf 100644
--- a/pages/charts/morris.html
+++ b/pages/charts/morris.html
@@ -539,7 +539,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/examples/404.html b/pages/examples/404.html
index 27bd1820..3913037f 100644
--- a/pages/examples/404.html
+++ b/pages/examples/404.html
@@ -488,7 +488,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/examples/500.html b/pages/examples/500.html
index fc6404f1..55c2219b 100644
--- a/pages/examples/500.html
+++ b/pages/examples/500.html
@@ -489,7 +489,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/examples/blank.html b/pages/examples/blank.html
index 6797aa45..8e31a0b8 100644
--- a/pages/examples/blank.html
+++ b/pages/examples/blank.html
@@ -387,7 +387,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/examples/invoice.html b/pages/examples/invoice.html
index 4b714668..9311b371 100644
--- a/pages/examples/invoice.html
+++ b/pages/examples/invoice.html
@@ -609,7 +609,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index f5fe5e9d..eda2d5b2 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -728,7 +728,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/forms/editors.html b/pages/forms/editors.html
index c1e46032..26331ac8 100644
--- a/pages/forms/editors.html
+++ b/pages/forms/editors.html
@@ -510,7 +510,7 @@
       </footer>
 
       <!-- Control Sidebar -->
-      <aside class="control-sidebar">
+      <aside class="control-sidebar control-sidebar-dark">
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>          
diff --git a/pages/forms/general.html b/pages/forms/general.html
index f99f06ff..c0bee7fe 100644
--- a/pages/forms/general.html
+++ b/pages/forms/general.html
@@ -770,7 +770,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/layout/boxed.html b/pages/layout/boxed.html
index ddda064e..f896be6a 100644
--- a/pages/layout/boxed.html
+++ b/pages/layout/boxed.html
@@ -388,7 +388,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/layout/collapsed-sidebar.html b/pages/layout/collapsed-sidebar.html
index 138716f7..13e4ce23 100644
--- a/pages/layout/collapsed-sidebar.html
+++ b/pages/layout/collapsed-sidebar.html
@@ -391,7 +391,7 @@
       </footer>
 
       <!-- Control Sidebar -->
-      <aside class="control-sidebar">
+      <aside class="control-sidebar control-sidebar-dark">
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/layout/fixed.html b/pages/layout/fixed.html
index 3171b697..db623e4e 100644
--- a/pages/layout/fixed.html
+++ b/pages/layout/fixed.html
@@ -386,7 +386,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/mailbox/compose.html b/pages/mailbox/compose.html
index 1a62c226..efef5ace 100644
--- a/pages/mailbox/compose.html
+++ b/pages/mailbox/compose.html
@@ -448,7 +448,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/mailbox/mailbox.html b/pages/mailbox/mailbox.html
index f9659bfd..2fb0cec1 100644
--- a/pages/mailbox/mailbox.html
+++ b/pages/mailbox/mailbox.html
@@ -578,7 +578,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/mailbox/read-mail.html b/pages/mailbox/read-mail.html
index fcf06236..bbfde598 100644
--- a/pages/mailbox/read-mail.html
+++ b/pages/mailbox/read-mail.html
@@ -484,7 +484,7 @@
         <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
       </footer>
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/tables/data.html b/pages/tables/data.html
index f1f9a6c9..95c7a7d6 100644
--- a/pages/tables/data.html
+++ b/pages/tables/data.html
@@ -1341,7 +1341,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/tables/simple.html b/pages/tables/simple.html
index f6c6315a..9266732a 100644
--- a/pages/tables/simple.html
+++ b/pages/tables/simple.html
@@ -772,7 +772,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
diff --git a/pages/widgets.html b/pages/widgets.html
index 5442474b..09ec5ebd 100644
--- a/pages/widgets.html
+++ b/pages/widgets.html
@@ -1047,7 +1047,7 @@
       </footer>
       
       <!-- Control Sidebar -->      
-      <aside class="control-sidebar">                
+      <aside class="control-sidebar control-sidebar-dark">                
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>