Merge pull request #151 from phovea/thinkh/modify-navbar-dark-theme

Add dark theme colors and adapt navbar links
phovea · Jun 11, 2021 · 293b054 · 293b054
2 parents 5eec863 + a7202d3
commit 293b054
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/dist/scss/abstracts/_variables.scss b/dist/scss/abstracts/_variables.scss
diff --git a/dist/scss/components/_header_navbar.scss b/dist/scss/components/_header_navbar.scss
diff --git a/src/scss/abstracts/_variables.scss b/src/scss/abstracts/_variables.scss
@@ -16,6 +16,8 @@ $phovea-theme-colors: (
   "gray-3":  #d4d7dd,
   "gray-4":  #aab3bb,
   "gray-5":  #3b4349,
+  "gray-6":  #5c6873,
+  "gray-7":  #73818f,
 ) !default;
 
 $theme-colors: map-merge($theme-colors, $phovea-theme-colors);

diff --git a/src/scss/components/_header_navbar.scss b/src/scss/components/_header_navbar.scss
@@ -71,8 +71,8 @@
 
       &:hover,
       &:focus {
-        background-color: map-get($theme-colors, "light");
-        color: map-get($theme-colors, "dark");
+        background-color: map-get($theme-colors, "gray-6");
+        color: map-get($theme-colors, "light");
       }
     }