diff --git a/bookwyrm/static/css/bookwyrm/_all.scss b/bookwyrm/static/css/bookwyrm/_all.scss index 79e5cf52c..31e732ebe 100644 --- a/bookwyrm/static/css/bookwyrm/_all.scss +++ b/bookwyrm/static/css/bookwyrm/_all.scss @@ -36,6 +36,18 @@ body { 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 { border: none; margin: 0; diff --git a/bookwyrm/static/css/themes/bookwyrm-dark.scss b/bookwyrm/static/css/themes/bookwyrm-dark.scss index 0a4f6f23e..96997c4a4 100644 --- a/bookwyrm/static/css/themes/bookwyrm-dark.scss +++ b/bookwyrm/static/css/themes/bookwyrm-dark.scss @@ -28,6 +28,8 @@ $background-body: rgb(24, 27, 28); $background-secondary: rgb(28, 30, 32); $background-tertiary: rgb(32, 34, 36); $modal-background-background-color: rgba($black, 0.8); +$scrollbar-track: $background-secondary; +$scrollbar-thumb: $light; /* highlight colors */ $primary-highlight: $primary; diff --git a/bookwyrm/static/css/themes/bookwyrm-light.scss b/bookwyrm/static/css/themes/bookwyrm-light.scss index c74d2ee20..69c1a8063 100644 --- a/bookwyrm/static/css/themes/bookwyrm-light.scss +++ b/bookwyrm/static/css/themes/bookwyrm-light.scss @@ -19,6 +19,8 @@ $scheme-main: $white-bis; $background-body: $white; $background-secondary: $white-ter; $background-tertiary: $white-bis; +$scrollbar-track: $background-secondary; +$scrollbar-thumb: $grey-lighter; /* highlight colors */ $primary-highlight: $primary-light;