From 6f389d044e65dc1446178a581d56d33da6195d18 Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Wed, 23 Sep 2020 10:16:38 +0100
Subject: [PATCH] =?UTF-8?q?Don=E2=80=99t=20use=20$yellow=20to=20indicate?=
 =?UTF-8?q?=20local=20environment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

It clashes with the new `$govuk-focus-colour` now. This commit changes
it to half way between `govuk-colour("dark-grey")` (`#505a5f`) and
`govuk-colour("mid-grey")` (`#b1b4b6`) from the Design System. Dark was
too dark and mid was too light.

It also adds a line of JS to let us easily switch the header to blue by
clicking on it, which is useful for taking screenshots etc.
---
 app/assets/javascripts/main.js | 4 ++++
 app/config.py                  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/main.js b/app/assets/javascripts/main.js
index c7f982bf4..c255d9652 100644
--- a/app/assets/javascripts/main.js
+++ b/app/assets/javascripts/main.js
@@ -20,3 +20,7 @@ $(() => GOVUK.modules.start());
 $(() => $('.error-message').eq(0).parent('label').next('input').trigger('focus'));
 
 $(() => $('.banner-dangerous').eq(0).trigger('focus'));
+
+$(() => $('.govuk-header__container').on('click', function() {
+  $(this).css('border-color', '#005ea5');
+}));
diff --git a/app/config.py b/app/config.py
index a03d4aabd..84458406a 100644
--- a/app/config.py
+++ b/app/config.py
@@ -45,7 +45,7 @@ class Config(object):
     EMAIL_EXPIRY_SECONDS = 3600  # 1 hour
     INVITATION_EXPIRY_SECONDS = 3600 * 24 * 2  # 2 days - also set on api
     EMAIL_2FA_EXPIRY_SECONDS = 1800  # 30 Minutes
-    HEADER_COLOUR = '#FFBF47'  # $yellow
+    HEADER_COLOUR = '#81878b'  # mix(govuk-colour("dark-grey"), govuk-colour("mid-grey"))
     HTTP_PROTOCOL = 'http'
     MAX_FAILED_LOGIN_COUNT = 10
     NOTIFY_APP_NAME = 'admin'