🎨 Apply color context to loading bar + sidebar scrollbar thumb

MenuDocs · Feb 22, 2021 · ef4835e · ef4835e
1 parent bccb9a3
commit ef4835e
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 0 deletions.
diff --git a/styles/themes/green.styl b/styles/themes/green.styl
@@ -148,6 +148,23 @@
  .md-logo {
  fill: $greenAccentColor;
  }
+
+ .sidebar::-webkit-scrollbar-thumb {
+ background-color: $greenAccentColor;
+ }
+
+ #nprogress .bar {
+ background: $greenAccentColor
+ }
+
+ #nprogress .peg {
+ box-shadow: 0 0 10px $greenAccentColor, 0 0 5px $greenAccentColor;
+ }
+
+ #nprogress .spinner-icon {
+ border-top-color: $greenAccentColor;
+ border-left-color: $greenAccentColor;
+ }
 }
 
 .reco-theme-green::-webkit-scrollbar-thumb:vertical {

diff --git a/styles/themes/purple.styl b/styles/themes/purple.styl
@@ -149,6 +149,10 @@
  .md-logo {
  fill: $purpleAccentColor;
  }
+
+ .sidebar::-webkit-scrollbar-thumb {
+ background-color: $purpleAccentColor;
+ }
 }
 
 .reco-theme-purple::-webkit-scrollbar-thumb:vertical {

diff --git a/styles/themes/red.styl b/styles/themes/red.styl
@@ -148,6 +148,10 @@
  .md-logo {
  fill: $redAccentColor;
  }
+
+ .sidebar::-webkit-scrollbar-thumb {
+ background-color: $redAccentColor;
+ }
 }
 
 .reco-theme-red::-webkit-scrollbar-thumb:vertical {