rafaelcaricio/moviewyrm
1
0
Fork 0
forked from mirrors/bookwyrm
Code Issues 4 Pull requests Projects Releases Wiki Activity

Fixes scrollbar colors in dark mode

Browse source
This commit is contained in:
Mouse Reeve 2022-03-26 11:35:24 -07:00
parent 0666a2d02f
commit 23ff58a62b
3 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
bookwyrm/static/css/bookwyrm/_all.scss
View file

@ -36,6 +36,18 @@ body {
flex-direction: column; flex-direction: column;
} }
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-thumb {
background: $scrollbar-thumb;
border-radius: 0.5em;
}
::-webkit-scrollbar-track {
background: $scrollbar-track;
}
button { button {
border: none; border: none;
margin: 0; margin: 0;

2
bookwyrm/static/css/themes/bookwyrm-dark.scss
View file

@ -28,6 +28,8 @@ $background-body: rgb(24, 27, 28);
$background-secondary: rgb(28, 30, 32); $background-secondary: rgb(28, 30, 32);
$background-tertiary: rgb(32, 34, 36); $background-tertiary: rgb(32, 34, 36);
$modal-background-background-color: rgba($black, 0.8); $modal-background-background-color: rgba($black, 0.8);
$scrollbar-track: $background-secondary;
$scrollbar-thumb: $light;
/* highlight colors */ /* highlight colors */
$primary-highlight: $primary; $primary-highlight: $primary;

2
bookwyrm/static/css/themes/bookwyrm-light.scss
View file

@ -19,6 +19,8 @@ $scheme-main: $white-bis;
$background-body: $white; $background-body: $white;
$background-secondary: $white-ter; $background-secondary: $white-ter;
$background-tertiary: $white-bis; $background-tertiary: $white-bis;
$scrollbar-track: $background-secondary;
$scrollbar-thumb: $grey-lighter;
/* highlight colors */ /* highlight colors */
$primary-highlight: $primary-light; $primary-highlight: $primary-light;