Replace values with theme vars

NASA-IMPACT · Dec 19, 2024 · b45d108 · b45d108
1 parent 8ff3230
commit b45d108
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/app/scripts/components/common/page-footer/styles.scss b/app/scripts/components/common/page-footer/styles.scss
@@ -1,7 +1,7 @@
 @use '$styles/veda-ui-theme-vars.scss' as themeVars;
 
 .footer-text {
-  color: white;
+  color: themeVars.$veda-uswds-color-base-white;
   align-self: center;
   display: flex;
   font-size: themeVars.$veda-uswds-fontsize-sm;
@@ -11,7 +11,7 @@
 
 #return-to-top-container {
   padding: themeVars.$veda-uswds-padding-4 themeVars.$veda-uswds-padding-5;
-  max-width: 64rem;
+  max-width: themeVars.$veda-uswds-spacing-desktop;
 }
 #footer_primary_container {
   padding: themeVars.$veda-uswds-padding-4 themeVars.$veda-uswds-padding-5;

diff --git a/app/scripts/styles/_veda-ui-theme-vars.scss b/app/scripts/styles/_veda-ui-theme-vars.scss
@@ -30,6 +30,7 @@ $veda-uswds-color-base-darkest: utils.color(
 ); // 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-lightest: utils.color('gray-cool-4');
+$veda-uswds-color-base-white: utils.color('white');
 $veda-uswds-color-base-ink: utils.color(
   'gray-cool-90'
 ); // re-mapped, theme-token 'ink' originally mapped to 'gray-90'