From 6369a196e342f5d38d824927e24fde0a41ed89df Mon Sep 17 00:00:00 2001 From: Sandra Hoang Date: Tue, 10 Dec 2024 14:47:49 -0500 Subject: [PATCH] update mappings to system tokens instead of theme tokens --- app/scripts/styles/_uswds-theme.scss | 4 +++- app/scripts/styles/_veda-ui-theme-vars.scss | 14 +++++++------- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/app/scripts/styles/_uswds-theme.scss b/app/scripts/styles/_uswds-theme.scss index c9a410dd8..fbd4e0c8c 100644 --- a/app/scripts/styles/_uswds-theme.scss +++ b/app/scripts/styles/_uswds-theme.scss @@ -18,5 +18,7 @@ 'desktop': false ), $theme-font-type-serif: baseFontFamily, - $theme-font-type-sans: baseFontFamily + $theme-font-type-sans: baseFontFamily, + $theme-color-base-darkest: 'gray-cool-80', + $theme-color-base-ink: 'gray-cool-90' ); diff --git a/app/scripts/styles/_veda-ui-theme-vars.scss b/app/scripts/styles/_veda-ui-theme-vars.scss index e086a4a7e..da4e13dbd 100644 --- a/app/scripts/styles/_veda-ui-theme-vars.scss +++ b/app/scripts/styles/_veda-ui-theme-vars.scss @@ -3,7 +3,7 @@ @use 'uswds-core/src/styles/functions/units' as spacing; /*********** VEDAUI THEME PALETTE ***********/ -// These map to the veda defined styles between https://www.figma.com/design/5mclPTReHcRIzKbJm8YA6a/VEDA---USWDS?node-id=139-14&node-type=canvas&t=7Qa02mMKUgBy5Qho-0 +// These references map to the veda defined styles between https://www.figma.com/design/5mclPTReHcRIzKbJm8YA6a/VEDA---USWDS?node-id=139-14&node-type=canvas&t=7Qa02mMKUgBy5Qho-0 // and uswds found at https://designsystem.digital.gov/design-tokens/ // TYPOGRAPHY @@ -20,12 +20,12 @@ $veda-uswds-fontweight-bold: utils.font-weight('bold'); $veda-uswds-fontweight-semibold: utils.font-weight('semibold'); // COLORS -$veda-uswds-color-primary-darker: utils.color('primary-darker'); -$veda-uswds-color-secondary: utils.color('secondary'); -$veda-uswds-color-base-dark: utils.color('base-dark'); -$veda-uswds-color-base-darkest: utils.color('base-darkest'); -$veda-uswds-color-base-light: utils.color('base-light'); -$veda-uswds-color-base-ink: utils.color('ink'); +$veda-uswds-color-primary-darker: utils.color('blue-warm-80v'); +$veda-uswds-color-secondary: utils.color('red-50'); +$veda-uswds-color-base-dark: utils.color('gray-cool-60'); +$veda-uswds-color-base-darkest: utils.color('gray-cool-80'); // re-mapped, theme-token 'base-darkest' originally mapped to 'gray-90' +$veda-uswds-color-base-light: utils.color('gray-cool-30'); +$veda-uswds-color-base-ink: utils.color('gray-cool-90'); // re-mapped, theme-token 'ink' originally mapped to 'gray-90' // SPACING $veda-uswds-spacing-5: spacing.units(0.5);