From 03b31d4d11b1b9a88b49aae52e36e5912fbf6866 Mon Sep 17 00:00:00 2001
From: Isarra <zhorishna@gmail.com>
Date: Tue, 5 Jun 2018 06:30:03 +0000
Subject: [PATCH] Reduce colours somewhat

* colour bar for header now only has number of colours equal to
  columns underneath it
* h1 and h2 now have grey underlines instead of blue

bug: T182388
bug: T132000
Change-Id: I883bcfa872d6306c04418230c3f7034e5ec9f188
---
 resources/screen-common.less        | 4 ++--
 resources/screen-desktop-mid.less   | 4 ++++
 resources/screen-desktop-small.less | 5 +++++
 resources/screen-mobile.less        | 6 ++++++
 4 files changed, 17 insertions(+), 2 deletions(-)

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 {