Merge pull request #30 from qld-gov-au/feature/QGDS-75-new-tokens

pedroportella · web-flow · commit 149b93113684 · 2024-12-20T15:10:14.000+10:00
QGDS-75 New tokens
diff --git a/src/android/styles/qgds-qld-maroon-palette.xml b/src/android/styles/qgds-qld-maroon-palette.xml
@@ -87,8 +87,8 @@
   <color name="paletteBrightLine">#e5e5e5</color>
   <color name="paletteBrightMuted">#f5f5f5</color>
   <color name="paletteBrightSubtle">#eaeaea</color>
-  <color name="paletteBrightAccentDefault">#b0b0b0</color>
-  <color name="paletteBrightAccentOnAccent">#818181</color>
+  <color name="paletteBrightAccentDefault">#9a0037</color>
+  <color name="paletteBrightAccentOnAccent">#7d0021</color>
   <color name="paletteBrightTypographySiteTitleDefault">#430001</color>
   <color name="paletteBrightTypographySiteTitleVariant">#141414</color>
   <color name="paletteBrightTypographyHeadingDefault">#430001</color>
@@ -98,11 +98,11 @@
   <color name="paletteBrightActionMainNavDefaultBackground">#f5f5f5</color>
   <color name="paletteBrightActionMainNavDefaultText">#444444</color>
   <string name="paletteBrightActionMainNavDefaultTextDecoration">none</string>
-  <string name="paletteBrightActionMainNavDefaultAccent">#b0b0b0</string>
+  <string name="paletteBrightActionMainNavDefaultAccent">#9a0037</string>
   <color name="paletteBrightActionMainNavHoverBackground">#eaeaea</color>
   <color name="paletteBrightActionMainNavHoverText">#09549f</color>
   <string name="paletteBrightActionMainNavHoverTextDecoration">underline</string>
-  <string name="paletteBrightActionMainNavHoverAccent">#818181</string>
+  <string name="paletteBrightActionMainNavHoverAccent">#7d0021</string>
   <color name="paletteBrightActionButtonPrimaryDefaultBackground">#b80b4d</color>
   <color name="paletteBrightActionButtonPrimaryDefaultText">#ffffff</color>
   <string name="paletteBrightActionButtonPrimaryDefaultTextDecoration">none</string>
@@ -427,8 +427,8 @@
   <color name="paletteStrongLine">#f0b8c0</color>
   <color name="paletteStrongMuted">#9a0037</color>
   <color name="paletteStrongSubtle">#b80b4d</color>
-  <color name="paletteStrongAccentDefault">#ffcc2c</color>
-  <color name="paletteStrongAccentOnAccent">#cf9e00</color>
+  <color name="paletteStrongAccentDefault">#b0b0b0</color>
+  <color name="paletteStrongAccentOnAccent">#818181</color>
   <color name="paletteStrongTypographySiteTitleDefault">#ffffff</color>
   <color name="paletteStrongTypographySiteTitleVariant">#fafafa</color>
   <color name="paletteStrongTypographyHeadingDefault">#ffffff</color>
@@ -438,11 +438,11 @@
   <color name="paletteStrongActionNavMainDefaultBackground">#9a0037</color>
   <color name="paletteStrongActionNavMainDefaultText">#ffffff</color>
   <string name="paletteStrongActionNavMainDefaultTextDecoration">none</string>
-  <string name="paletteStrongActionNavMainDefaultAccent">#ffcc2c</string>
+  <string name="paletteStrongActionNavMainDefaultAccent">#b0b0b0</string>
   <color name="paletteStrongActionNavMainHoverBackground">#b80b4d</color>
   <color name="paletteStrongActionNavMainHoverText">#ffffff</color>
   <string name="paletteStrongActionNavMainHoverTextDecoration">underline</string>
-  <string name="paletteStrongActionNavMainHoverAccent">#cf9e00</string>
+  <string name="paletteStrongActionNavMainHoverAccent">#818181</string>
   <color name="paletteStrongActionButtonPrimaryDefaultBackground">#ffffff</color>
   <color name="paletteStrongActionButtonPrimaryDefaultText">#430001</color>
   <string name="paletteStrongActionButtonPrimaryDefaultTextDecoration">none</string>
diff --git a/src/css/styles/qgds-qld-maroon-palette.css b/src/css/styles/qgds-qld-maroon-palette.css
@@ -86,8 +86,8 @@
   --palette-bright-line: #e5e5e5;
   --palette-bright-muted: #f5f5f5;
   --palette-bright-subtle: #eaeaea;
-  --palette-bright-accent-default: #b0b0b0;
-  --palette-bright-accent-on-accent: #818181;
+  --palette-bright-accent-default: #9a0037;
+  --palette-bright-accent-on-accent: #7d0021;
   --palette-bright-typography-site-title-default: #430001;
   --palette-bright-typography-site-title-variant: #141414;
   --palette-bright-typography-heading-default: #430001;
@@ -97,11 +97,11 @@
   --palette-bright-action-main-nav-default-background: #f5f5f5;
   --palette-bright-action-main-nav-default-text: #444444;
   --palette-bright-action-main-nav-default-text-decoration: none;
-  --palette-bright-action-main-nav-default-accent: #b0b0b0;
+  --palette-bright-action-main-nav-default-accent: #9a0037;
   --palette-bright-action-main-nav-hover-background: #eaeaea;
   --palette-bright-action-main-nav-hover-text: #09549f;
   --palette-bright-action-main-nav-hover-text-decoration: underline;
-  --palette-bright-action-main-nav-hover-accent: #818181;
+  --palette-bright-action-main-nav-hover-accent: #7d0021;
   --palette-bright-action-button-primary-default-background: #b80b4d;
   --palette-bright-action-button-primary-default-text: #ffffff;
   --palette-bright-action-button-primary-default-text-decoration: none;
@@ -426,8 +426,8 @@
   --palette-strong-line: #f0b8c0;
   --palette-strong-muted: #9a0037;
   --palette-strong-subtle: #b80b4d;
-  --palette-strong-accent-default: #ffcc2c;
-  --palette-strong-accent-on-accent: #cf9e00;
+  --palette-strong-accent-default: #b0b0b0;
+  --palette-strong-accent-on-accent: #818181;
   --palette-strong-typography-site-title-default: #ffffff;
   --palette-strong-typography-site-title-variant: #fafafa;
   --palette-strong-typography-heading-default: #ffffff;
@@ -437,11 +437,11 @@
   --palette-strong-action-nav-main-default-background: #9a0037;
   --palette-strong-action-nav-main-default-text: #ffffff;
   --palette-strong-action-nav-main-default-text-decoration: none;
-  --palette-strong-action-nav-main-default-accent: #ffcc2c;
+  --palette-strong-action-nav-main-default-accent: #b0b0b0;
   --palette-strong-action-nav-main-hover-background: #b80b4d;
   --palette-strong-action-nav-main-hover-text: #ffffff;
   --palette-strong-action-nav-main-hover-text-decoration: underline;
-  --palette-strong-action-nav-main-hover-accent: #cf9e00;
+  --palette-strong-action-nav-main-hover-accent: #818181;
   --palette-strong-action-button-primary-default-background: #ffffff;
   --palette-strong-action-button-primary-default-text: #430001;
   --palette-strong-action-button-primary-default-text-decoration: none;
diff --git a/src/js/styles/qgds-qld-maroon-palette.js b/src/js/styles/qgds-qld-maroon-palette.js
@@ -85,8 +85,8 @@ export const paletteBrightFence = "#b80b4d";
 export const paletteBrightLine = "#e5e5e5";
 export const paletteBrightMuted = "#f5f5f5";
 export const paletteBrightSubtle = "#eaeaea";
-export const paletteBrightAccentDefault = "#b0b0b0";
-export const paletteBrightAccentOnAccent = "#818181";
+export const paletteBrightAccentDefault = "#9a0037";
+export const paletteBrightAccentOnAccent = "#7d0021";
 export const paletteBrightTypographySiteTitleDefault = "#430001";
 export const paletteBrightTypographySiteTitleVariant = "#141414";
 export const paletteBrightTypographyHeadingDefault = "#430001";
@@ -96,11 +96,11 @@ export const paletteBrightTypographyBodyVariant = "#444444";
 export const paletteBrightActionMainNavDefaultBackground = "#f5f5f5";
 export const paletteBrightActionMainNavDefaultText = "#444444";
 export const paletteBrightActionMainNavDefaultTextDecoration = "none";
-export const paletteBrightActionMainNavDefaultAccent = "#b0b0b0";
+export const paletteBrightActionMainNavDefaultAccent = "#9a0037";
 export const paletteBrightActionMainNavHoverBackground = "#eaeaea";
 export const paletteBrightActionMainNavHoverText = "#09549f";
 export const paletteBrightActionMainNavHoverTextDecoration = "underline";
-export const paletteBrightActionMainNavHoverAccent = "#818181";
+export const paletteBrightActionMainNavHoverAccent = "#7d0021";
 export const paletteBrightActionButtonPrimaryDefaultBackground = "#b80b4d";
 export const paletteBrightActionButtonPrimaryDefaultText = "#ffffff";
 export const paletteBrightActionButtonPrimaryDefaultTextDecoration = "none";
@@ -454,8 +454,8 @@ export const paletteStrongFence = "#b80b4d";
 export const paletteStrongLine = "#f0b8c0";
 export const paletteStrongMuted = "#9a0037";
 export const paletteStrongSubtle = "#b80b4d";
-export const paletteStrongAccentDefault = "#ffcc2c";
-export const paletteStrongAccentOnAccent = "#cf9e00";
+export const paletteStrongAccentDefault = "#b0b0b0";
+export const paletteStrongAccentOnAccent = "#818181";
 export const paletteStrongTypographySiteTitleDefault = "#ffffff";
 export const paletteStrongTypographySiteTitleVariant = "#fafafa";
 export const paletteStrongTypographyHeadingDefault = "#ffffff";
@@ -465,11 +465,11 @@ export const paletteStrongTypographyBodyVariant = "#fafafa";
 export const paletteStrongActionNavMainDefaultBackground = "#9a0037";
 export const paletteStrongActionNavMainDefaultText = "#ffffff";
 export const paletteStrongActionNavMainDefaultTextDecoration = "none";
-export const paletteStrongActionNavMainDefaultAccent = "#ffcc2c";
+export const paletteStrongActionNavMainDefaultAccent = "#b0b0b0";
 export const paletteStrongActionNavMainHoverBackground = "#b80b4d";
 export const paletteStrongActionNavMainHoverText = "#ffffff";
 export const paletteStrongActionNavMainHoverTextDecoration = "underline";
-export const paletteStrongActionNavMainHoverAccent = "#cf9e00";
+export const paletteStrongActionNavMainHoverAccent = "#818181";
 export const paletteStrongActionButtonPrimaryDefaultBackground = "#ffffff";
 export const paletteStrongActionButtonPrimaryDefaultText = "#430001";
 export const paletteStrongActionButtonPrimaryDefaultTextDecoration = "none";
diff --git a/src/scss/styles/qgds-qld-maroon-palette.scss b/src/scss/styles/qgds-qld-maroon-palette.scss
@@ -84,8 +84,8 @@ $paletteBrightFence: #b80b4d;
 $paletteBrightLine: #e5e5e5;
 $paletteBrightMuted: #f5f5f5;
 $paletteBrightSubtle: #eaeaea;
-$paletteBrightAccentDefault: #b0b0b0;
-$paletteBrightAccentOnAccent: #818181;
+$paletteBrightAccentDefault: #9a0037;
+$paletteBrightAccentOnAccent: #7d0021;
 $paletteBrightTypographySiteTitleDefault: #430001;
 $paletteBrightTypographySiteTitleVariant: #141414;
 $paletteBrightTypographyHeadingDefault: #430001;
@@ -95,11 +95,11 @@ $paletteBrightTypographyBodyVariant: #444444;
 $paletteBrightActionMainNavDefaultBackground: #f5f5f5;
 $paletteBrightActionMainNavDefaultText: #444444;
 $paletteBrightActionMainNavDefaultTextDecoration: none;
-$paletteBrightActionMainNavDefaultAccent: #b0b0b0;
+$paletteBrightActionMainNavDefaultAccent: #9a0037;
 $paletteBrightActionMainNavHoverBackground: #eaeaea;
 $paletteBrightActionMainNavHoverText: #09549f;
 $paletteBrightActionMainNavHoverTextDecoration: underline;
-$paletteBrightActionMainNavHoverAccent: #818181;
+$paletteBrightActionMainNavHoverAccent: #7d0021;
 $paletteBrightActionButtonPrimaryDefaultBackground: #b80b4d;
 $paletteBrightActionButtonPrimaryDefaultText: #ffffff;
 $paletteBrightActionButtonPrimaryDefaultTextDecoration: none;
@@ -424,8 +424,8 @@ $paletteStrongFence: #b80b4d;
 $paletteStrongLine: #f0b8c0;
 $paletteStrongMuted: #9a0037;
 $paletteStrongSubtle: #b80b4d;
-$paletteStrongAccentDefault: #ffcc2c;
-$paletteStrongAccentOnAccent: #cf9e00;
+$paletteStrongAccentDefault: #b0b0b0;
+$paletteStrongAccentOnAccent: #818181;
 $paletteStrongTypographySiteTitleDefault: #ffffff;
 $paletteStrongTypographySiteTitleVariant: #fafafa;
 $paletteStrongTypographyHeadingDefault: #ffffff;
@@ -435,11 +435,11 @@ $paletteStrongTypographyBodyVariant: #fafafa;
 $paletteStrongActionNavMainDefaultBackground: #9a0037;
 $paletteStrongActionNavMainDefaultText: #ffffff;
 $paletteStrongActionNavMainDefaultTextDecoration: none;
-$paletteStrongActionNavMainDefaultAccent: #ffcc2c;
+$paletteStrongActionNavMainDefaultAccent: #b0b0b0;
 $paletteStrongActionNavMainHoverBackground: #b80b4d;
 $paletteStrongActionNavMainHoverText: #ffffff;
 $paletteStrongActionNavMainHoverTextDecoration: underline;
-$paletteStrongActionNavMainHoverAccent: #cf9e00;
+$paletteStrongActionNavMainHoverAccent: #818181;
 $paletteStrongActionButtonPrimaryDefaultBackground: #ffffff;
 $paletteStrongActionButtonPrimaryDefaultText: #430001;
 $paletteStrongActionButtonPrimaryDefaultTextDecoration: none;
