From a7777780488dfeaa2361b85808bd76fb6e269aba Mon Sep 17 00:00:00 2001 From: Brandon Clayton <bclayton@usgs.gov> Date: Thu, 27 Mar 2025 09:33:47 -0600 Subject: [PATCH] change color --- .../src/lib/components/footer/footer.component.scss | 2 +- .../src/lib/components/header/header.component.scss | 2 +- projects/nshmp-template/styles/_variables.scss | 6 ++---- 3 files changed, 4 insertions(+), 6 deletions(-) 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 79be5af..090db98 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 19309e8..f2f6d9b 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 a8c7f3e..7616dfb 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; - -- GitLab