Theme (Header) - update next background (#936) (#976)

* Theme (Header) - update next background Signed-off-by: Josh Romero <rmerqg@amazon.com> * add changelog Signed-off-by: Josh Romero <rmerqg@amazon.com> * Update ouiHeaderDarkBackgroundColor in next theme Signed-off-by: Josh Romero <rmerqg@amazon.com> --------- Signed-off-by: Josh Romero <rmerqg@amazon.com> (cherry picked from commit fa48112) Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> # Conflicts: # CHANGELOG.md Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-project · Aug 17, 2023 · 89858a0 · 89858a0
1 parent 48ddff6
commit 89858a0
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/themes/oui-next/global_styling/variables/_header.scss b/src/themes/oui-next/global_styling/variables/_header.scss
@@ -10,8 +10,9 @@
  */
 
 // Themeable colors
-$ouiHeaderBackgroundColor: $ouiColorEmptyShade !default;
-$ouiHeaderDarkBackgroundColor: lightOrDarkTheme(shade($ouiColorDarkestShade, 28%), shade($ouiColorLightestShade, 50%)) !default;
+$ouiHeaderBackgroundColor: $ouiPageBackgroundColor !default;
+// Always use the dark theme value of $ouiPageBackgroundColor for the dark header background
+$ouiHeaderDarkBackgroundColor: #172430 !default;
 $ouiHeaderBorderColor: $ouiBorderColor !default;
 $ouiHeaderBreadcrumbColor: $ouiColorDarkestShade !default;