Add side navigation default theme setting

canonical · Mar 26, 2020 · 92d40cf · 92d40cf
1 parent 71b49f2
commit 92d40cf
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/scss/_patterns_side-navigation.scss b/scss/_patterns_side-navigation.scss
@@ -95,13 +95,24 @@
     padding-left: $spv-inner--small;
   }
 
-  // default light theme
-  .p-side-navigation,
-  .p-side-navigation--icons {
-    @include vf-side-navigation-theme-light;
-
-    &.is-dark {
+  // Theming
+  @if ($theme-default-p-side-navigation == 'dark') {
+    .p-side-navigation,
+    .p-side-navigation--icons {
       @include vf-side-navigation-theme-dark;
+
+      &.is-light {
+        @include vf-side-navigation-theme-light;
+      }
+    }
+  } @else {
+    .p-side-navigation,
+    .p-side-navigation--icons {
+      @include vf-side-navigation-theme-light;
+
+      &.is-dark {
+        @include vf-side-navigation-theme-dark;
+      }
     }
   }
 }

diff --git a/scss/_settings_themes.scss b/scss/_settings_themes.scss
@@ -1,5 +1,6 @@
 $theme-default-forms: 'light' !default;
 $theme-default-hr: 'light' !default;
 $theme-default-nav: 'light' !default;
+$theme-default-p-side-navigation: 'light' !default;
 $theme-default-p-search-box: 'light' !default;
 $theme-default-p-contextual-menu: 'light' !default;