remove color-scheme

CaiJimmy · web-flow · commit 57b4467d902d · 2022-01-30T09:50:25.000Z
add custom chrome scrollbar style (removed in #428)
diff --git 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
@@ -8,14 +8,9 @@ $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";
-
-    iframe {
-        color-scheme: dark;
-    }
 }
 
 /*
@@ -50,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);
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -8,14 +8,9 @@ $defaultTagColors: #fff, #fff, #fff, #fff, #fff;`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`[data-scheme="dark"] {`
`11`		`- color-scheme: dark;`
`12`	`11`	`--pre-text-color: #f8f8f2;`
`13`	`12`	`--pre-background-color: #272822;`
`14`	`13`	`@import "partials/highlight/dark.scss";`
`15`		`-`
`16`		`- iframe {`
`17`		`- color-scheme: dark;`
`18`		`- }`
`19`	`14`	`}`
`20`	`15`
`21`	`16`	`/*`
`@@ -50,7 +45,7 @@ $defaultTagColors: #fff, #fff, #fff, #fff, #fff;`
`50`	`45`	`--accent-color-darker: #bdc3c7;`
`51`	`46`	`--accent-color-text: #000;`
`52`	`47`	`--body-text-color: rgba(255, 255, 255, 0.7);`
`53`		`- --scrollbar-thumb: #424242;`
	`48`	`+ --scrollbar-thumb: hsl(0, 0%, 40%);`
`54`	`49`	`--scrollbar-track: var(--body-background);`
`55`	`50`	`}`
`56`	`51`	`}`