actions
/
mdBook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
Michael Bryan 2018-01-27 11:52:43 +08:00 committed by GitHub
parent ffb90bb9e2
commit 50ee15472b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/theme/book.css
View File

@ -344,7 +344,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
background: #fafafa; background: #fafafa;
} }
.light .sidebar::-webkit-scrollbar-thumb { .light .sidebar::-webkit-scrollbar-thumb {
background: #364149; background: #ccc;
} }
.light .chapter li { .light .chapter li {
color: #aaa; color: #aaa;
@ -474,7 +474,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
background: #fff; background: #fff;
} }
.light ::-webkit-scrollbar-thumb { .light ::-webkit-scrollbar-thumb {
background: #333; background: #ccc;
} }
.coal { .coal {
color: #98a3ad; color: #98a3ad;
@ -640,7 +640,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
background: #141617; background: #141617;
} }
.coal ::-webkit-scrollbar-thumb { .coal ::-webkit-scrollbar-thumb {
background: #98a3ad; background: #a1adb8;
} }
.navy { .navy {
color: #bcbdd0; color: #bcbdd0;
@ -806,7 +806,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
background: #161923; background: #161923;
} }
.navy ::-webkit-scrollbar-thumb { .navy ::-webkit-scrollbar-thumb {
background: #bcbdd0; background: #c8c9db;
} }
.rust { .rust {
color: #262625; color: #262625;
@ -972,7 +972,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
background: #e1e1db; background: #e1e1db;
} }
.rust ::-webkit-scrollbar-thumb { .rust ::-webkit-scrollbar-thumb {
background: #262625; background: #c8c9db;
} }
.ayu { .ayu {
color: #c5c5c5; color: #c5c5c5;
@ -1138,7 +1138,7 @@ html:not(.sidebar-visible) #menu-bar:not(:hover).folded > #menu-bar-sticky-conta
background: #0f1419; background: #0f1419;
} }
.ayu ::-webkit-scrollbar-thumb { .ayu ::-webkit-scrollbar-thumb {
background: #c5c5c5; background: #c8c9db;
} }
@media only print { @media only print {
#sidebar, #sidebar,

2
src/theme/stylus/themes/ayu.styl
View File

@ -9,6 +9,8 @@ $sidebar-non-existant = #5c6773
$sidebar-active = #ffb454 $sidebar-active = #ffb454
$sidebar-spacer = #2d334f $sidebar-spacer = #2d334f
$scrollbar = $sidebar-fg
$icons = #737480 $icons = #737480
$icons-hover = #b7b9cc $icons-hover = #b7b9cc

4
src/theme/stylus/themes/base.styl
View File

@ -38,7 +38,7 @@
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background: $sidebar-fg; background: $scrollbar;
} }
} }
@ -186,6 +186,6 @@
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: $fg; background: $scrollbar;
} }
} }

2
src/theme/stylus/themes/coal.styl
View File

@ -9,6 +9,8 @@ $sidebar-non-existant = #505254
$sidebar-active = #3473ad $sidebar-active = #3473ad
$sidebar-spacer = #393939 $sidebar-spacer = #393939
$scrollbar = $sidebar-fg
$icons = #43484d $icons = #43484d
$icons-hover = #b3c0cc $icons-hover = #b3c0cc

2
src/theme/stylus/themes/light.styl
View File

@ -9,6 +9,8 @@ $sidebar-non-existant = #aaaaaa
$sidebar-active = #008cff $sidebar-active = #008cff
$sidebar-spacer = #f4f4f4 $sidebar-spacer = #f4f4f4
$scrollbar = #cccccc
$icons = #cccccc $icons = #cccccc
$icons-hover = #333333 $icons-hover = #333333

2
src/theme/stylus/themes/navy.styl
View File

@ -9,6 +9,8 @@ $sidebar-non-existant = #505274
$sidebar-active = #2b79a2 $sidebar-active = #2b79a2
$sidebar-spacer = #2d334f $sidebar-spacer = #2d334f
$scrollbar = $sidebar-fg
$icons = #737480 $icons = #737480
$icons-hover = #b7b9cc $icons-hover = #b7b9cc

2
src/theme/stylus/themes/rust.styl
View File

@ -9,6 +9,8 @@ $sidebar-non-existant = #505254
$sidebar-active = #e69f67 $sidebar-active = #e69f67
$sidebar-spacer = #45373a $sidebar-spacer = #45373a
$scrollbar = $sidebar-fg
$icons = #737480 $icons = #737480
$icons-hover = #262625 $icons-hover = #262625