Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update various department brand colours #5396

Merged
merged 2 commits into from
Oct 11, 2024

Conversation

querkmachine
Copy link
Member

@querkmachine querkmachine commented Oct 10, 2024

It has been flagged to us that the following departments brand colours don't align with the freshly updated HMG Identity System guidelines. In all cases, the shade being used is slightly different from what is specified in the guidelines, so the differences are all fairly minor.

Changes

Departments

  • Office of the Secretary of State for Scotland (OSSS) has been renamed back to the Scotland Office, the name it had prior to 2018. The old name has been un-deprecated, while OSSS has been deprecated.
  • Office of the Secretary of State for Wales (OSSW) has been renamed back to the Wales Office, the name it had prior to 2018. The old name has been un-deprecated, while OSSW has been deprecated.

Colours

  • DCMS: #d6006e#ed1588
    • As the new colour no longer has a 4.5:1 minimum contrast ratio, a contrast-safe alternative has been added: #d6177a
  • Defra: #00af43#00a33b
    • Additionally, the contrast-safe colour has been updated: #008733#008531
  • DSIT: #00f9f8#00f8f8
  • FCDO: #002269#012069
  • Scotland Office: #002663#00205c

@querkmachine querkmachine requested a review from a team October 10, 2024 12:58
@querkmachine querkmachine self-assigned this Oct 10, 2024
@querkmachine querkmachine force-pushed the update-organisation-colours-oct-2024 branch from 7109da9 to 1b8c47b Compare October 10, 2024 12:59
Copy link

github-actions bot commented Oct 10, 2024

📋 Stats

File sizes

File Size
dist/govuk-frontend-development.min.css 118.41 KiB
dist/govuk-frontend-development.min.js 42.93 KiB
packages/govuk-frontend/dist/govuk/all.bundle.js 91.34 KiB
packages/govuk-frontend/dist/govuk/all.bundle.mjs 85.77 KiB
packages/govuk-frontend/dist/govuk/all.mjs 1.18 KiB
packages/govuk-frontend/dist/govuk/govuk-frontend-component.mjs 1.74 KiB
packages/govuk-frontend/dist/govuk/govuk-frontend.min.css 118.4 KiB
packages/govuk-frontend/dist/govuk/govuk-frontend.min.js 42.92 KiB
packages/govuk-frontend/dist/govuk/i18n.mjs 5.55 KiB
packages/govuk-frontend/dist/govuk/init.mjs 6.85 KiB

Modules

File Size (bundled) Size (minified)
all.mjs 81.9 KiB 40.37 KiB
accordion.mjs 25.46 KiB 12.93 KiB
button.mjs 7.96 KiB 3.31 KiB
character-count.mjs 24.39 KiB 10.5 KiB
checkboxes.mjs 7.81 KiB 3.42 KiB
error-summary.mjs 9.87 KiB 4.07 KiB
exit-this-page.mjs 19.08 KiB 9.86 KiB
header.mjs 6.46 KiB 3.22 KiB
notification-banner.mjs 8.24 KiB 3.23 KiB
password-input.mjs 17.13 KiB 7.86 KiB
radios.mjs 6.81 KiB 2.98 KiB
service-navigation.mjs 6.44 KiB 3.26 KiB
skip-link.mjs 6.4 KiB 2.76 KiB
tabs.mjs 12.04 KiB 6.67 KiB

View stats and visualisations on the review app


Action run for 617ef04

Copy link

github-actions bot commented Oct 10, 2024

Other changes to npm package

diff --git a/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss b/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss
index 41f8c7b25..12f976a45 100644
--- a/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss
+++ b/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss
@@ -60,7 +60,8 @@ $_govuk-organisation-colours: (
       "`department-for-communities-local-government` became `ministry-of-housing-communities-local-government` in 2018."
   ),
   "department-for-culture-media-sport": (
-    colour: #d6006e
+    colour: #ed1588,
+    contrast-safe: #d6177a
   ),
   "department-for-digital-culture-media-sport": (
     colour: #d40072,
@@ -75,8 +76,8 @@ $_govuk-organisation-colours: (
     contrast-safe: #00852f
   ),
   "department-for-environment-food-rural-affairs": (
-    colour: #00af43,
-    contrast-safe: #008733
+    colour: #00a33b,
+    contrast-safe: #008531
   ),
   "department-for-exiting-the-european-union": (
     colour: #009fe3,
@@ -98,7 +99,7 @@ $_govuk-organisation-colours: (
       "`department-for-levelling-up-housing-communities` was renamed to `ministry-of-housing-communities-local-government` in 2024."
   ),
   "department-for-science-innovation-technology": (
-    colour: #00f9f8,
+    colour: #00f8f8,
     contrast-safe: #008180
   ),
   "department-for-transport": (
@@ -128,7 +129,7 @@ $_govuk-organisation-colours: (
     deprecation-message: "`foreign-commonwealth-office` became `foreign-commonwealth-development-office` in 2018."
   ),
   "foreign-commonwealth-development-office": (
-    colour: #002269
+    colour: #012069
   ),
   "government-equalities-office": (
     colour: #0056b8,
@@ -168,17 +169,18 @@ $_govuk-organisation-colours: (
     colour: #9c182f
   ),
   "office-of-the-secretary-of-state-for-scotland": (
-    colour: #00205c
+    colour: #00205c,
+    deprecation-message: "`office-of-the-secretary-of-state-for-scotland` was renamed to `scotland-office` in 2024."
   ),
   "office-of-the-secretary-of-state-for-wales": (
-    colour: #a8353a
+    colour: #a8353a,
+    deprecation-message: "`office-of-the-secretary-of-state-for-wales` was renamed to `wales-office` in 2024."
   ),
   "prime-ministers-office-10-downing-street": (
     colour: #0b0c0c
   ),
   "scotland-office": (
-    colour: #002663,
-    deprecation-message: "`scotland-office` became `office-of-the-secretary-of-state-for-scotland` in 2018."
+    colour: #00205c
   ),
   "serious-fraud-office": (
     colour: #82368c
@@ -192,8 +194,7 @@ $_govuk-organisation-colours: (
       "`uk-trade-investment` became `department-for-international-trade` in 2016. As of 2023, it is equivalent to `department-for-business-trade`."
   ),
   "wales-office": (
-    colour: #a33038,
-    deprecation-message: "`wales-office` became `office-of-the-secretary-of-state-for-wales` in 2018."
+    colour: #a33038
   )
 );
 

Action run for 617ef04

@querkmachine querkmachine marked this pull request as ready for review October 10, 2024 14:47
@querkmachine querkmachine force-pushed the update-organisation-colours-oct-2024 branch from 1b8c47b to d8edfd6 Compare October 10, 2024 14:56
@querkmachine querkmachine force-pushed the update-organisation-colours-oct-2024 branch from d8edfd6 to 1bc77e1 Compare October 10, 2024 14:57
@querkmachine querkmachine changed the title Update DCMS, Defra, DSIT and FCDO brand colours Update various department brand colours Oct 10, 2024
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-5396 October 10, 2024 15:57 Inactive
Copy link
Member

@romaricpascal romaricpascal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code matches the changes in the PR description, looks good to go ⛵

@querkmachine querkmachine merged commit 4e1ccea into main Oct 11, 2024
52 checks passed
@querkmachine querkmachine deleted the update-organisation-colours-oct-2024 branch October 11, 2024 08:02
@owenatgov owenatgov mentioned this pull request Oct 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants