From 43d7d0a03439c6dbb4f3fa0c4852c2d0c97aa72b Mon Sep 17 00:00:00 2001
From: Tom Byers <tombaromba@gmail.com>
Date: Fri, 23 Oct 2020 14:07:45 +0100
Subject: [PATCH] Fix hint text colour contrast when focused

Uses a colour that will be added to the core
palette in GOVUK Frontend.

See: https://design-system.service.gov.uk/styles/colour/#main-colours
---
 app/assets/stylesheets/components/message.scss | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/components/message.scss b/app/assets/stylesheets/components/message.scss
index fa71ba05f..a0abdaf0b 100644
--- a/app/assets/stylesheets/components/message.scss
+++ b/app/assets/stylesheets/components/message.scss
@@ -114,10 +114,19 @@ $message-type-bottom-spacing: govuk-spacing(4);
           height: 100%;
         }
 
-        &:active::before,
-        &:focus::before {
-          background-color: $govuk-focus-colour;
-          box-shadow: 0px -2px $govuk-focus-colour, 0px 4px $govuk-focus-text-colour;
+        &:active,
+        &:focus {
+
+          &::before {
+            background-color: $govuk-focus-colour;
+            box-shadow: 0px -2px $govuk-focus-colour, 0px 4px $govuk-focus-text-colour;
+          }
+
+          & + .template-list-item-hint,
+          & + .message-type {
+            color: #505A5F; /* TO DO: replace with $govuk-secondary-text-colour when GOVUK Frontend is past 3.x.x */
+          }
+
         }
 
         & + .template-list-item-hint,