From bb7c449db10f7ccf957d98d6b925df49a14662fc Mon Sep 17 00:00:00 2001
From: Malcolm Butler <32877315+MalcolmVonMoJ@users.noreply.github.com>
Date: Thu, 17 Nov 2022 17:08:12 +0000
Subject: [PATCH] Printing style for current page

Changing the blue back to the brand colour `#1d70b8` when printing.  The colour `#1d8feb` is presumably to contrast against the black `#0b0c0c` header, but when printing the header is white, so it makes sense to use a darker blue which contrasts better against white.

Linting tests changes

Removed trailing spaces and added blank line as per linting test errors

Linting tests changes

Removed blank line as per linting test errors (yep - the same one that the linter told me to add)

Remove whitespace

Update changelog with link to PR

undid mistake
---
 CHANGELOG.md                            | 1 +
 src/govuk/components/header/_index.scss | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 468f7b00f9..2b221c60b4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 ### Fixes
 
 - [#2998: Refactor back link and breadcrumb chevrons to use ems](https://github.com/alphagov/govuk-frontend/pull/2998)
+- [#3021 Printing style for current page link in header](https://github.com/alphagov/govuk-frontend/pull/3021) - thanks to [Malcolm Butler](https://github.com/MalcolmVonMoJ) for the contribution
 
 ## 4.4.0 (Feature release)
 
diff --git a/src/govuk/components/header/_index.scss b/src/govuk/components/header/_index.scss
index c462e02cba..c6cbe279ad 100644
--- a/src/govuk/components/header/_index.scss
+++ b/src/govuk/components/header/_index.scss
@@ -281,6 +281,12 @@
         color: $govuk-header-link-active;
       }
 
+      // When printing, use the normal blue as this contrasts better with the
+      // white printing header
+      @include govuk-media-query($media-type: print) {
+        color: $govuk-brand-colour;
+      }
+
       // When focussed, the text colour needs to be darker to ensure that colour
       // contrast is still acceptable
       &:focus {