diff --git a/projects/nshmp-template/src/lib/components/footer/footer.component.scss b/projects/nshmp-template/src/lib/components/footer/footer.component.scss index 79be5afb521ccc87c08c6d2f13544ba4ecf51bd8..090db98a0804875e31499ff29ae95b9f2df91230 100644 --- a/projects/nshmp-template/src/lib/components/footer/footer.component.scss +++ b/projects/nshmp-template/src/lib/components/footer/footer.component.scss @@ -10,7 +10,7 @@ .nshmp-template-footer { height: variables.$footer-height; - background-color: variables.$usgs-dark-blue; + background-color: variables.$nshmp-primary-color; color: white; font-size: 12px; diff --git a/projects/nshmp-template/src/lib/components/header/header.component.scss b/projects/nshmp-template/src/lib/components/header/header.component.scss index 19309e821f50fd9887bb7740565c71eb517f7e4a..f2f6d9babb7d681f73742b29393477a6d551a3f0 100644 --- a/projects/nshmp-template/src/lib/components/header/header.component.scss +++ b/projects/nshmp-template/src/lib/components/header/header.component.scss @@ -25,7 +25,7 @@ $app-title-max-height: calc(variables.$header-height - $icon-size - ($logo-paddi @include mat.toolbar-overrides( ( - container-background-color: variables.$usgs-dark-blue, + container-background-color: variables.$nshmp-primary-color, standard-height: variables.$header-height, ) ); diff --git a/projects/nshmp-template/styles/_variables.scss b/projects/nshmp-template/styles/_variables.scss index a8c7f3e30b55bbf738411a4eec79f0f39f015baa..7616dfb7b83062ffcaaa4f0fe4cb61937f9df745 100644 --- a/projects/nshmp-template/styles/_variables.scss +++ b/projects/nshmp-template/styles/_variables.scss @@ -42,14 +42,12 @@ $form-field-padding-bottom: calc($form-caption-line-height + 4px); $nshmp-surface-container: light-dark(#efefef, #1b1b1b); $nshmp-surface-container-low: light-dark(#fdfdfd, #1d1d1d); $nshmp-surface-container-high: light-dark(#fcfcfc, #313131); -$nshmp-surface-container-highest: light-dark(#d6d6d6,#515151); +$nshmp-surface-container-highest: light-dark(#d6d6d6, #515151); $nshmp-surface-container-bright: light-dark(#b0b0b0, #727272); $nshmp-surface-container-extra-bright: light-dark(#8b8b8b, #939393); // Material 3 main colors -$usgs-dark-blue: light-dark(#00264c, #264767) !default; -$nshmp-primary-color: light-dark(#00264c, #4d6782) !default; +$nshmp-primary-color: light-dark(#00264c, #264767) !default; $nshmp-secondary-color: $nshmp-surface-container-high !default; $nshmp-error-color: #f44336 !default; $nshmp-on-primary-color: #fefefe; -