From 67d5156507acdf66cc132d3a1d59f2bb92486c8f Mon Sep 17 00:00:00 2001
From: Jimmy Cai <github@jimmycai.com>
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);
     }
 }