From 2aeaf814b66cc34d55b172145cc3ece43d1425f7 Mon Sep 17 00:00:00 2001 From: Ethan Wallace Date: Wed, 18 Sep 2024 09:25:51 -0400 Subject: [PATCH 1/2] fix: Update the red flag colour to be fip red --- build/figma/figma.tokens.json | 4 ++-- build/web/css/.css | 4 ++-- build/web/css/base.css | 2 +- build/web/css/base/color.css | 2 +- build/web/css/components.css | 2 +- build/web/css/components/signature.css | 2 +- build/web/css/tokens.css | 4 ++-- build/web/scss/.scss | 4 ++-- build/web/scss/base.scss | 2 +- build/web/scss/base/color.scss | 2 +- build/web/scss/components.scss | 2 +- build/web/scss/components/signature.scss | 2 +- build/web/scss/tokens.scss | 4 ++-- tokens/base/color/tokens.json | 4 ++-- 14 files changed, 20 insertions(+), 20 deletions(-) diff --git a/build/figma/figma.tokens.json b/build/figma/figma.tokens.json index 2fa53a6c..1dc2a9c4 100644 --- a/build/figma/figma.tokens.json +++ b/build/figma/figma.tokens.json @@ -113,7 +113,7 @@ "type": "color" }, "flag": { - "value": "#FF0000", + "value": "#eb2d37", "type": "color" } }, @@ -3978,7 +3978,7 @@ "signature": { "color": { "flag": { - "value": "#FF0000", + "value": "#eb2d37", "type": "color" }, "text": { diff --git a/build/web/css/.css b/build/web/css/.css index 3698a9d6..0095e07d 100644 --- a/build/web/css/.css +++ b/build/web/css/.css @@ -28,7 +28,7 @@ --gcds-color-red-500: #d3080c; /* Must contrast 3:1 with white */ --gcds-color-red-700: #a62a1e; /* Must contrast 7:1 with white */ --gcds-color-red-900: #822117; - --gcds-color-red-flag: #ff0000; /* Signature flag colour */ + --gcds-color-red-flag: #eb2d37; /* Signature flag colour - Fip red */ --gcds-color-yellow-100: #faedd1; --gcds-color-yellow-500: #b3800f; /* Must contrast 3:1 with white */ --gcds-border-radius-sm: 0.1875rem; /* Global border: radius sm */ @@ -724,7 +724,7 @@ --gcds-side-nav-heading-margin: 0.5625rem; --gcds-side-nav-heading-padding: 0.9375rem; --gcds-side-nav-max-width: 20rem; - --gcds-signature-color-flag: #ff0000; + --gcds-signature-color-flag: #eb2d37; --gcds-signature-color-text: #000000; --gcds-signature-signature-height: 1.6875rem; --gcds-signature-white-default: #ffffff; diff --git a/build/web/css/base.css b/build/web/css/base.css index 2a9f36f1..2f11126b 100644 --- a/build/web/css/base.css +++ b/build/web/css/base.css @@ -28,7 +28,7 @@ --gcds-color-red-500: #d3080c; /* Must contrast 3:1 with white */ --gcds-color-red-700: #a62a1e; /* Must contrast 7:1 with white */ --gcds-color-red-900: #822117; - --gcds-color-red-flag: #ff0000; /* Signature flag colour */ + --gcds-color-red-flag: #eb2d37; /* Signature flag colour - Fip red */ --gcds-color-yellow-100: #faedd1; --gcds-color-yellow-500: #b3800f; /* Must contrast 3:1 with white */ } diff --git a/build/web/css/base/color.css b/build/web/css/base/color.css index 2a9f36f1..2f11126b 100644 --- a/build/web/css/base/color.css +++ b/build/web/css/base/color.css @@ -28,7 +28,7 @@ --gcds-color-red-500: #d3080c; /* Must contrast 3:1 with white */ --gcds-color-red-700: #a62a1e; /* Must contrast 7:1 with white */ --gcds-color-red-900: #822117; - --gcds-color-red-flag: #ff0000; /* Signature flag colour */ + --gcds-color-red-flag: #eb2d37; /* Signature flag colour - Fip red */ --gcds-color-yellow-100: #faedd1; --gcds-color-yellow-500: #b3800f; /* Must contrast 3:1 with white */ } diff --git a/build/web/css/components.css b/build/web/css/components.css index 0bd775d3..99647cb5 100644 --- a/build/web/css/components.css +++ b/build/web/css/components.css @@ -578,7 +578,7 @@ --gcds-side-nav-heading-margin: 0.5625rem; --gcds-side-nav-heading-padding: 0.9375rem; --gcds-side-nav-max-width: 20rem; - --gcds-signature-color-flag: #ff0000; + --gcds-signature-color-flag: #eb2d37; --gcds-signature-color-text: #000000; --gcds-signature-signature-height: 1.6875rem; --gcds-signature-white-default: #ffffff; diff --git a/build/web/css/components/signature.css b/build/web/css/components/signature.css index 1635ef24..f8dcbfb7 100644 --- a/build/web/css/components/signature.css +++ b/build/web/css/components/signature.css @@ -3,7 +3,7 @@ */ :root { - --gcds-signature-color-flag: #ff0000; + --gcds-signature-color-flag: #eb2d37; --gcds-signature-color-text: #000000; --gcds-signature-signature-height: 1.6875rem; --gcds-signature-white-default: #ffffff; diff --git a/build/web/css/tokens.css b/build/web/css/tokens.css index 3698a9d6..0095e07d 100644 --- a/build/web/css/tokens.css +++ b/build/web/css/tokens.css @@ -28,7 +28,7 @@ --gcds-color-red-500: #d3080c; /* Must contrast 3:1 with white */ --gcds-color-red-700: #a62a1e; /* Must contrast 7:1 with white */ --gcds-color-red-900: #822117; - --gcds-color-red-flag: #ff0000; /* Signature flag colour */ + --gcds-color-red-flag: #eb2d37; /* Signature flag colour - Fip red */ --gcds-color-yellow-100: #faedd1; --gcds-color-yellow-500: #b3800f; /* Must contrast 3:1 with white */ --gcds-border-radius-sm: 0.1875rem; /* Global border: radius sm */ @@ -724,7 +724,7 @@ --gcds-side-nav-heading-margin: 0.5625rem; --gcds-side-nav-heading-padding: 0.9375rem; --gcds-side-nav-max-width: 20rem; - --gcds-signature-color-flag: #ff0000; + --gcds-signature-color-flag: #eb2d37; --gcds-signature-color-text: #000000; --gcds-signature-signature-height: 1.6875rem; --gcds-signature-white-default: #ffffff; diff --git a/build/web/scss/.scss b/build/web/scss/.scss index 35fca5a7..6e6d617c 100644 --- a/build/web/scss/.scss +++ b/build/web/scss/.scss @@ -26,7 +26,7 @@ $gcds-color-red-100: #fbddda; $gcds-color-red-500: #d3080c; // Must contrast 3:1 with white $gcds-color-red-700: #a62a1e; // Must contrast 7:1 with white $gcds-color-red-900: #822117; -$gcds-color-red-flag: #ff0000; // Signature flag colour +$gcds-color-red-flag: #eb2d37; // Signature flag colour - Fip red $gcds-color-yellow-100: #faedd1; $gcds-color-yellow-500: #b3800f; // Must contrast 3:1 with white $gcds-border-radius-sm: 0.1875rem; // Global border: radius sm @@ -722,7 +722,7 @@ $gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans- $gcds-side-nav-heading-margin: 0.5625rem; $gcds-side-nav-heading-padding: 0.9375rem; $gcds-side-nav-max-width: 20rem; -$gcds-signature-color-flag: #ff0000; +$gcds-signature-color-flag: #eb2d37; $gcds-signature-color-text: #000000; $gcds-signature-signature-height: 1.6875rem; $gcds-signature-white-default: #ffffff; diff --git a/build/web/scss/base.scss b/build/web/scss/base.scss index f35810c0..7e5264a7 100644 --- a/build/web/scss/base.scss +++ b/build/web/scss/base.scss @@ -26,6 +26,6 @@ $gcds-color-red-100: #fbddda; $gcds-color-red-500: #d3080c; // Must contrast 3:1 with white $gcds-color-red-700: #a62a1e; // Must contrast 7:1 with white $gcds-color-red-900: #822117; -$gcds-color-red-flag: #ff0000; // Signature flag colour +$gcds-color-red-flag: #eb2d37; // Signature flag colour - Fip red $gcds-color-yellow-100: #faedd1; $gcds-color-yellow-500: #b3800f; // Must contrast 3:1 with white diff --git a/build/web/scss/base/color.scss b/build/web/scss/base/color.scss index f35810c0..7e5264a7 100644 --- a/build/web/scss/base/color.scss +++ b/build/web/scss/base/color.scss @@ -26,6 +26,6 @@ $gcds-color-red-100: #fbddda; $gcds-color-red-500: #d3080c; // Must contrast 3:1 with white $gcds-color-red-700: #a62a1e; // Must contrast 7:1 with white $gcds-color-red-900: #822117; -$gcds-color-red-flag: #ff0000; // Signature flag colour +$gcds-color-red-flag: #eb2d37; // Signature flag colour - Fip red $gcds-color-yellow-100: #faedd1; $gcds-color-yellow-500: #b3800f; // Must contrast 3:1 with white diff --git a/build/web/scss/components.scss b/build/web/scss/components.scss index 9d69145e..d08c46e2 100644 --- a/build/web/scss/components.scss +++ b/build/web/scss/components.scss @@ -576,7 +576,7 @@ $gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans- $gcds-side-nav-heading-margin: 0.5625rem; $gcds-side-nav-heading-padding: 0.9375rem; $gcds-side-nav-max-width: 20rem; -$gcds-signature-color-flag: #ff0000; +$gcds-signature-color-flag: #eb2d37; $gcds-signature-color-text: #000000; $gcds-signature-signature-height: 1.6875rem; $gcds-signature-white-default: #ffffff; diff --git a/build/web/scss/components/signature.scss b/build/web/scss/components/signature.scss index 8eb82b7e..905ce309 100644 --- a/build/web/scss/components/signature.scss +++ b/build/web/scss/components/signature.scss @@ -1,7 +1,7 @@ // Do not edit directly. -$gcds-signature-color-flag: #ff0000; +$gcds-signature-color-flag: #eb2d37; $gcds-signature-color-text: #000000; $gcds-signature-signature-height: 1.6875rem; $gcds-signature-white-default: #ffffff; diff --git a/build/web/scss/tokens.scss b/build/web/scss/tokens.scss index 35fca5a7..6e6d617c 100644 --- a/build/web/scss/tokens.scss +++ b/build/web/scss/tokens.scss @@ -26,7 +26,7 @@ $gcds-color-red-100: #fbddda; $gcds-color-red-500: #d3080c; // Must contrast 3:1 with white $gcds-color-red-700: #a62a1e; // Must contrast 7:1 with white $gcds-color-red-900: #822117; -$gcds-color-red-flag: #ff0000; // Signature flag colour +$gcds-color-red-flag: #eb2d37; // Signature flag colour - Fip red $gcds-color-yellow-100: #faedd1; $gcds-color-yellow-500: #b3800f; // Must contrast 3:1 with white $gcds-border-radius-sm: 0.1875rem; // Global border: radius sm @@ -722,7 +722,7 @@ $gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans- $gcds-side-nav-heading-margin: 0.5625rem; $gcds-side-nav-heading-padding: 0.9375rem; $gcds-side-nav-max-width: 20rem; -$gcds-signature-color-flag: #ff0000; +$gcds-signature-color-flag: #eb2d37; $gcds-signature-color-text: #000000; $gcds-signature-signature-height: 1.6875rem; $gcds-signature-white-default: #ffffff; diff --git a/tokens/base/color/tokens.json b/tokens/base/color/tokens.json index d6175e63..ac41da16 100644 --- a/tokens/base/color/tokens.json +++ b/tokens/base/color/tokens.json @@ -105,9 +105,9 @@ }, "red": { "flag": { - "value": "#FF0000", + "value": "#eb2d37", "type": "color", - "comment": "Signature flag colour" + "comment": "Signature flag colour - Fip red" }, "100": { "value": "#FBDDDA", From 0e628707d3931a3db928789e38ff46b09ce0077e Mon Sep 17 00:00:00 2001 From: Ethan Wallace Date: Mon, 23 Sep 2024 14:51:21 -0400 Subject: [PATCH 2/2] Update comment --- build/web/css/.css | 2 +- build/web/css/base.css | 2 +- build/web/css/base/color.css | 2 +- build/web/css/tokens.css | 2 +- build/web/scss/.scss | 2 +- build/web/scss/base.scss | 2 +- build/web/scss/base/color.scss | 2 +- build/web/scss/tokens.scss | 2 +- tokens/base/color/tokens.json | 2 +- 9 files changed, 9 insertions(+), 9 deletions(-) diff --git a/build/web/css/.css b/build/web/css/.css index 0095e07d..dd0550b4 100644 --- a/build/web/css/.css +++ b/build/web/css/.css @@ -28,7 +28,7 @@ --gcds-color-red-500: #d3080c; /* Must contrast 3:1 with white */ --gcds-color-red-700: #a62a1e; /* Must contrast 7:1 with white */ --gcds-color-red-900: #822117; - --gcds-color-red-flag: #eb2d37; /* Signature flag colour - Fip red */ + --gcds-color-red-flag: #eb2d37; /* Signature flag colour - FIP red */ --gcds-color-yellow-100: #faedd1; --gcds-color-yellow-500: #b3800f; /* Must contrast 3:1 with white */ --gcds-border-radius-sm: 0.1875rem; /* Global border: radius sm */ diff --git a/build/web/css/base.css b/build/web/css/base.css index 2f11126b..0c2975d1 100644 --- a/build/web/css/base.css +++ b/build/web/css/base.css @@ -28,7 +28,7 @@ --gcds-color-red-500: #d3080c; /* Must contrast 3:1 with white */ --gcds-color-red-700: #a62a1e; /* Must contrast 7:1 with white */ --gcds-color-red-900: #822117; - --gcds-color-red-flag: #eb2d37; /* Signature flag colour - Fip red */ + --gcds-color-red-flag: #eb2d37; /* Signature flag colour - FIP red */ --gcds-color-yellow-100: #faedd1; --gcds-color-yellow-500: #b3800f; /* Must contrast 3:1 with white */ } diff --git a/build/web/css/base/color.css b/build/web/css/base/color.css index 2f11126b..0c2975d1 100644 --- a/build/web/css/base/color.css +++ b/build/web/css/base/color.css @@ -28,7 +28,7 @@ --gcds-color-red-500: #d3080c; /* Must contrast 3:1 with white */ --gcds-color-red-700: #a62a1e; /* Must contrast 7:1 with white */ --gcds-color-red-900: #822117; - --gcds-color-red-flag: #eb2d37; /* Signature flag colour - Fip red */ + --gcds-color-red-flag: #eb2d37; /* Signature flag colour - FIP red */ --gcds-color-yellow-100: #faedd1; --gcds-color-yellow-500: #b3800f; /* Must contrast 3:1 with white */ } diff --git a/build/web/css/tokens.css b/build/web/css/tokens.css index 0095e07d..dd0550b4 100644 --- a/build/web/css/tokens.css +++ b/build/web/css/tokens.css @@ -28,7 +28,7 @@ --gcds-color-red-500: #d3080c; /* Must contrast 3:1 with white */ --gcds-color-red-700: #a62a1e; /* Must contrast 7:1 with white */ --gcds-color-red-900: #822117; - --gcds-color-red-flag: #eb2d37; /* Signature flag colour - Fip red */ + --gcds-color-red-flag: #eb2d37; /* Signature flag colour - FIP red */ --gcds-color-yellow-100: #faedd1; --gcds-color-yellow-500: #b3800f; /* Must contrast 3:1 with white */ --gcds-border-radius-sm: 0.1875rem; /* Global border: radius sm */ diff --git a/build/web/scss/.scss b/build/web/scss/.scss index 6e6d617c..c41ef973 100644 --- a/build/web/scss/.scss +++ b/build/web/scss/.scss @@ -26,7 +26,7 @@ $gcds-color-red-100: #fbddda; $gcds-color-red-500: #d3080c; // Must contrast 3:1 with white $gcds-color-red-700: #a62a1e; // Must contrast 7:1 with white $gcds-color-red-900: #822117; -$gcds-color-red-flag: #eb2d37; // Signature flag colour - Fip red +$gcds-color-red-flag: #eb2d37; // Signature flag colour - FIP red $gcds-color-yellow-100: #faedd1; $gcds-color-yellow-500: #b3800f; // Must contrast 3:1 with white $gcds-border-radius-sm: 0.1875rem; // Global border: radius sm diff --git a/build/web/scss/base.scss b/build/web/scss/base.scss index 7e5264a7..f42103fa 100644 --- a/build/web/scss/base.scss +++ b/build/web/scss/base.scss @@ -26,6 +26,6 @@ $gcds-color-red-100: #fbddda; $gcds-color-red-500: #d3080c; // Must contrast 3:1 with white $gcds-color-red-700: #a62a1e; // Must contrast 7:1 with white $gcds-color-red-900: #822117; -$gcds-color-red-flag: #eb2d37; // Signature flag colour - Fip red +$gcds-color-red-flag: #eb2d37; // Signature flag colour - FIP red $gcds-color-yellow-100: #faedd1; $gcds-color-yellow-500: #b3800f; // Must contrast 3:1 with white diff --git a/build/web/scss/base/color.scss b/build/web/scss/base/color.scss index 7e5264a7..f42103fa 100644 --- a/build/web/scss/base/color.scss +++ b/build/web/scss/base/color.scss @@ -26,6 +26,6 @@ $gcds-color-red-100: #fbddda; $gcds-color-red-500: #d3080c; // Must contrast 3:1 with white $gcds-color-red-700: #a62a1e; // Must contrast 7:1 with white $gcds-color-red-900: #822117; -$gcds-color-red-flag: #eb2d37; // Signature flag colour - Fip red +$gcds-color-red-flag: #eb2d37; // Signature flag colour - FIP red $gcds-color-yellow-100: #faedd1; $gcds-color-yellow-500: #b3800f; // Must contrast 3:1 with white diff --git a/build/web/scss/tokens.scss b/build/web/scss/tokens.scss index 6e6d617c..c41ef973 100644 --- a/build/web/scss/tokens.scss +++ b/build/web/scss/tokens.scss @@ -26,7 +26,7 @@ $gcds-color-red-100: #fbddda; $gcds-color-red-500: #d3080c; // Must contrast 3:1 with white $gcds-color-red-700: #a62a1e; // Must contrast 7:1 with white $gcds-color-red-900: #822117; -$gcds-color-red-flag: #eb2d37; // Signature flag colour - Fip red +$gcds-color-red-flag: #eb2d37; // Signature flag colour - FIP red $gcds-color-yellow-100: #faedd1; $gcds-color-yellow-500: #b3800f; // Must contrast 3:1 with white $gcds-border-radius-sm: 0.1875rem; // Global border: radius sm diff --git a/tokens/base/color/tokens.json b/tokens/base/color/tokens.json index ac41da16..e32f934f 100644 --- a/tokens/base/color/tokens.json +++ b/tokens/base/color/tokens.json @@ -107,7 +107,7 @@ "flag": { "value": "#eb2d37", "type": "color", - "comment": "Signature flag colour - Fip red" + "comment": "Signature flag colour - FIP red" }, "100": { "value": "#FBDDDA",