From 67d5156507acdf66cc132d3a1d59f2bb92486c8f Mon Sep 17 00:00:00 2001 From: Jimmy Cai Date: Sun, 30 Jan 2022 10:57:16 +0100 Subject: [PATCH] fix: disqus dark mode (#478) * fix: disqus dark mode * remove color-scheme add custom chrome scrollbar style (removed in https://github.com/CaiJimmy/hugo-theme-stack/pull/428) --- assets/scss/partials/base.scss | 14 ++++++++++++++ assets/scss/variables.scss | 3 +-- 2 files changed, 15 insertions(+), 2 deletions(-) diff --git a/assets/scss/partials/base.scss b/assets/scss/partials/base.scss index 408629e..e7aefe6 100644 --- a/assets/scss/partials/base.scss +++ b/assets/scss/partials/base.scss @@ -22,3 +22,17 @@ body { scrollbar-color: var(--scrollbar-thumb) transparent; } /**/ + +/* scrollbar styles for Chromium */ +::-webkit-scrollbar { + height: auto; +} + +::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb); +} + +::-webkit-scrollbar-track { + background-color: transparent; +} +/**/ diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss index 8e371d6..323f2b7 100644 --- a/assets/scss/variables.scss +++ b/assets/scss/variables.scss @@ -8,7 +8,6 @@ $defaultTagColors: #fff, #fff, #fff, #fff, #fff; } [data-scheme="dark"] { - color-scheme: dark; --pre-text-color: #f8f8f2; --pre-background-color: #272822; @import "partials/highlight/dark.scss"; @@ -46,7 +45,7 @@ $defaultTagColors: #fff, #fff, #fff, #fff, #fff; --accent-color-darker: #bdc3c7; --accent-color-text: #000; --body-text-color: rgba(255, 255, 255, 0.7); - --scrollbar-thumb: #424242; + --scrollbar-thumb: hsl(0, 0%, 40%); --scrollbar-track: var(--body-background); } }