Updated the light theme to have a lighter scrollbar (#590)

Michael-F-Bryan · web-flow · commit 50ee15472b60 · 2018-01-27T11:52:43.000+08:00
diff --git a/src/theme/book.css b/src/theme/book.css
@@ -344,7 +344,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #fafafa;
 }
 .light .sidebar::-webkit-scrollbar-thumb {
-  background: #364149;
+  background: #ccc;
 }
 .light .chapter li {
   color: #aaa;
@@ -474,7 +474,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #fff;
 }
 .light ::-webkit-scrollbar-thumb {
-  background: #333;
+  background: #ccc;
 }
 .coal {
   color: #98a3ad;
@@ -640,7 +640,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #141617;
 }
 .coal ::-webkit-scrollbar-thumb {
-  background: #98a3ad;
+  background: #a1adb8;
 }
 .navy {
   color: #bcbdd0;
@@ -806,7 +806,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #161923;
 }
 .navy ::-webkit-scrollbar-thumb {
-  background: #bcbdd0;
+  background: #c8c9db;
 }
 .rust {
   color: #262625;
@@ -972,7 +972,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #e1e1db;
 }
 .rust ::-webkit-scrollbar-thumb {
-  background: #262625;
+  background: #c8c9db;
 }
 .ayu {
   color: #c5c5c5;
@@ -1138,7 +1138,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
   background: #0f1419;
 }
 .ayu ::-webkit-scrollbar-thumb {
-  background: #c5c5c5;
+  background: #c8c9db;
 }
 @media only print {
   #sidebar,
diff --git a/src/theme/stylus/themes/ayu.styl b/src/theme/stylus/themes/ayu.styl
@@ -9,6 +9,8 @@ $sidebar-non-existant = #5c6773
 $sidebar-active = #ffb454
 $sidebar-spacer = #2d334f
 
+$scrollbar = $sidebar-fg
+
 $icons = #737480
 $icons-hover = #b7b9cc
 
diff --git a/src/theme/stylus/themes/base.styl b/src/theme/stylus/themes/base.styl
@@ -38,7 +38,7 @@
         }
 
         &::-webkit-scrollbar-thumb {
-            background: $sidebar-fg;
+            background: $scrollbar;
         }
     }
 
@@ -186,6 +186,6 @@
     }
 
     ::-webkit-scrollbar-thumb {
-        background: $fg;
+        background: $scrollbar;
     }
 }
diff --git a/src/theme/stylus/themes/coal.styl b/src/theme/stylus/themes/coal.styl
@@ -9,6 +9,8 @@ $sidebar-non-existant = #505254
 $sidebar-active = #3473ad
 $sidebar-spacer = #393939
 
+$scrollbar = $sidebar-fg
+
 $icons = #43484d
 $icons-hover = #b3c0cc
 
diff --git a/src/theme/stylus/themes/light.styl b/src/theme/stylus/themes/light.styl
@@ -9,6 +9,8 @@ $sidebar-non-existant = #aaaaaa
 $sidebar-active = #008cff
 $sidebar-spacer = #f4f4f4
 
+$scrollbar = #cccccc
+
 $icons = #cccccc
 $icons-hover = #333333
 
diff --git a/src/theme/stylus/themes/navy.styl b/src/theme/stylus/themes/navy.styl
@@ -9,6 +9,8 @@ $sidebar-non-existant = #505274
 $sidebar-active = #2b79a2
 $sidebar-spacer = #2d334f
 
+$scrollbar = $sidebar-fg
+
 $icons = #737480
 $icons-hover = #b7b9cc
 
diff --git a/src/theme/stylus/themes/rust.styl b/src/theme/stylus/themes/rust.styl
@@ -9,6 +9,8 @@ $sidebar-non-existant = #505254
 $sidebar-active = #e69f67
 $sidebar-spacer = #45373a
 
+$scrollbar = $sidebar-fg
+
 $icons = #737480
 $icons-hover = #262625
 

Original file line number	Diff line number	Diff line change
`@@ -344,7 +344,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta`
`344`	`344`	`background: #fafafa;`
`345`	`345`	`}`
`346`	`346`	`.light .sidebar::-webkit-scrollbar-thumb {`
`347`		`- background: #364149;`
	`347`	`+ background: #ccc;`
`348`	`348`	`}`
`349`	`349`	`.light .chapter li {`
`350`	`350`	`color: #aaa;`
`@@ -474,7 +474,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta`
`474`	`474`	`background: #fff;`
`475`	`475`	`}`
`476`	`476`	`.light ::-webkit-scrollbar-thumb {`
`477`		`- background: #333;`
	`477`	`+ background: #ccc;`
`478`	`478`	`}`
`479`	`479`	`.coal {`
`480`	`480`	`color: #98a3ad;`
`@@ -640,7 +640,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta`
`640`	`640`	`background: #141617;`
`641`	`641`	`}`
`642`	`642`	`.coal ::-webkit-scrollbar-thumb {`
`643`		`- background: #98a3ad;`
	`643`	`+ background: #a1adb8;`
`644`	`644`	`}`
`645`	`645`	`.navy {`
`646`	`646`	`color: #bcbdd0;`
`@@ -806,7 +806,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta`
`806`	`806`	`background: #161923;`
`807`	`807`	`}`
`808`	`808`	`.navy ::-webkit-scrollbar-thumb {`
`809`		`- background: #bcbdd0;`
	`809`	`+ background: #c8c9db;`
`810`	`810`	`}`
`811`	`811`	`.rust {`
`812`	`812`	`color: #262625;`
`@@ -972,7 +972,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta`
`972`	`972`	`background: #e1e1db;`
`973`	`973`	`}`
`974`	`974`	`.rust ::-webkit-scrollbar-thumb {`
`975`		`- background: #262625;`
	`975`	`+ background: #c8c9db;`
`976`	`976`	`}`
`977`	`977`	`.ayu {`
`978`	`978`	`color: #c5c5c5;`
`@@ -1138,7 +1138,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta`
`1138`	`1138`	`background: #0f1419;`
`1139`	`1139`	`}`
`1140`	`1140`	`.ayu ::-webkit-scrollbar-thumb {`
`1141`		`- background: #c5c5c5;`
	`1141`	`+ background: #c8c9db;`
`1142`	`1142`	`}`
`1143`	`1143`	`@media only print {`
`1144`	`1144`	`#sidebar,`
Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@`
`38`	`38`	`}`
`39`	`39`
`40`	`40`	`&::-webkit-scrollbar-thumb {`
`41`		`- background: $sidebar-fg;`
	`41`	`+ background: $scrollbar;`
`42`	`42`	`}`
`43`	`43`	`}`
`44`	`44`
`@@ -186,6 +186,6 @@`
`186`	`186`	`}`
`187`	`187`
`188`	`188`	`::-webkit-scrollbar-thumb {`
`189`		`- background: $fg;`
	`189`	`+ background: $scrollbar;`
`190`	`190`	`}`
`191`	`191`	`}`