Skip to content

Commit

Permalink
update mappings to system tokens instead of theme tokens
Browse files Browse the repository at this point in the history
  • Loading branch information
sandrahoang686 committed Dec 10, 2024
1 parent 9b83265 commit 6369a19
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 8 deletions.
4 changes: 3 additions & 1 deletion app/scripts/styles/_uswds-theme.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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'
);
14 changes: 7 additions & 7 deletions app/scripts/styles/_veda-ui-theme-vars.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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);
Expand Down

0 comments on commit 6369a19

Please sign in to comment.