diff --git a/resources/screen-common.less b/resources/screen-common.less
index 77e2c7d..31220d9 100644
--- a/resources/screen-common.less
+++ b/resources/screen-common.less
@@ -352,13 +352,13 @@ pre,
 
 	h1,
 	h2 {
-		border-bottom: solid 2px @blue;
+		border-bottom: solid 2px @grey;
 		overflow: hidden;
 	}
 
 	h1.firstHeading {
 		margin: 0.25em 0 0.5em;
-		border-bottom: solid 4px @red;
+		border-bottom: solid 4px @blue;
 	}
 
 	h1 {
diff --git a/resources/screen-desktop-mid.less b/resources/screen-desktop-mid.less
index 17a951b..22da9a1 100644
--- a/resources/screen-desktop-mid.less
+++ b/resources/screen-desktop-mid.less
@@ -18,3 +18,7 @@
 #catlinks {
 	display: none;
 }
+
+.color-right {
+	background: @blue-dark;
+}
diff --git a/resources/screen-desktop-small.less b/resources/screen-desktop-small.less
index bf070ff..bfa352b 100644
--- a/resources/screen-desktop-small.less
+++ b/resources/screen-desktop-small.less
@@ -27,6 +27,11 @@
 	display: none !important;
 }
 
+.color-right,
+.color-middle {
+	background: @red-dark;
+}
+
 // Have these cover the fixed header color-bar using the mw-header-nav-hack (with its own color-bar at the bottom)
 #mw-site-navigation,
 #mw-related-navigation {
diff --git a/resources/screen-mobile.less b/resources/screen-mobile.less
index 85c7e6b..5354f2c 100644
--- a/resources/screen-mobile.less
+++ b/resources/screen-mobile.less
@@ -35,6 +35,12 @@
 	box-shadow: 0 3px 3px 2px rgba( 0, 0, 0, 0.075 ), 0 0 2px rgba( 0, 0, 0, 0.2 );
 }
 
+.color-right,
+.color-middle,
+.color-left {
+	background: @red-dark;
+}
+
 /* Dropdowns */
 .sidebar-inner,
 .dropdown {