From 3f8a4dbc6277a501a7d621dccb4aaf6da1a231e0 Mon Sep 17 00:00:00 2001 From: Marco Blessing Date: Tue, 13 Apr 2021 12:02:52 +0200 Subject: [PATCH 1/4] fix scrollbar in dark mode --- assets/scss/common/_dark.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss index 0789939..0e158b0 100644 --- a/assets/scss/common/_dark.scss +++ b/assets/scss/common/_dark.scss @@ -331,3 +331,20 @@ body.dark .copy-status:active::after { display: block; color: $link-color-dark; } + +body.dark pre code::-webkit-scrollbar { + height: 5px; +} + +body.dark pre code::-webkit-scrollbar-thumb { + background: $gray-400; +} + +body.dark pre code:hover { + scrollbar-width: thin; + scrollbar-color: $gray-500 transparent; +} + +body.dark pre code::-webkit-scrollbar-thumb:hover { + background: $gray-500; +} From 4f1aee2c7517a7075d77c3e498436b39460a8c15 Mon Sep 17 00:00:00 2001 From: Marco Blessing Date: Tue, 13 Apr 2021 12:03:45 +0200 Subject: [PATCH 2/4] increase scrollbar contrast --- assets/scss/components/_code.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/assets/scss/components/_code.scss b/assets/scss/components/_code.scss index 9ad855b..fb0dc7d 100644 --- a/assets/scss/components/_code.scss +++ b/assets/scss/components/_code.scss @@ -49,14 +49,15 @@ pre code::-webkit-scrollbar { } pre code::-webkit-scrollbar-thumb { - background: $gray-200; + background: $gray-400; } pre code:hover { scrollbar-width: thin; - scrollbar-color: $gray-200 transparent; + scrollbar-color: $gray-500 transparent; } pre code::-webkit-scrollbar-thumb:hover { - background: $gray-200; + background: $gray-500; } + From 0f3deeff83abf2612ce3134eeedae11b95d76c73 Mon Sep 17 00:00:00 2001 From: Marco Blessing Date: Tue, 13 Apr 2021 12:22:06 +0200 Subject: [PATCH 3/4] remove duplicated scrollbar definitions --- assets/scss/common/_dark.scss | 21 ++------------------- 1 file changed, 2 insertions(+), 19 deletions(-) diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss index 0e158b0..5f1fe08 100644 --- a/assets/scss/common/_dark.scss +++ b/assets/scss/common/_dark.scss @@ -188,7 +188,7 @@ body.dark .docs-navigation { } body.dark pre code::-webkit-scrollbar-thumb { - background: $border-dark; + background: $gray-400; } body.dark code:not(.hljs) { @@ -202,7 +202,7 @@ body.dark pre code:hover { } body.dark pre code::-webkit-scrollbar-thumb:hover { - background: $border-dark; + background: $gray-500; } body.dark blockquote { @@ -331,20 +331,3 @@ body.dark .copy-status:active::after { display: block; color: $link-color-dark; } - -body.dark pre code::-webkit-scrollbar { - height: 5px; -} - -body.dark pre code::-webkit-scrollbar-thumb { - background: $gray-400; -} - -body.dark pre code:hover { - scrollbar-width: thin; - scrollbar-color: $gray-500 transparent; -} - -body.dark pre code::-webkit-scrollbar-thumb:hover { - background: $gray-500; -} From a02c0ace31fbac393fb878b7ea2997e6e2313a10 Mon Sep 17 00:00:00 2001 From: Marco Blessing Date: Tue, 13 Apr 2021 12:29:02 +0200 Subject: [PATCH 4/4] fix lint error --- assets/scss/components/_code.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/assets/scss/components/_code.scss b/assets/scss/components/_code.scss index fb0dc7d..c53e6f7 100644 --- a/assets/scss/components/_code.scss +++ b/assets/scss/components/_code.scss @@ -60,4 +60,3 @@ pre code:hover { pre code::-webkit-scrollbar-thumb:hover { background: $gray-500; } -