variant: set browser scrollbar color to dark for dark variants matcornic#471

Author: McShelby

static/css/theme-blue.css

@@ -5,6 +5,10 @@
    - remove the following `@import` of the self-defined chroma stylesheet */
 @import "chroma-learn.css";
 
+:root {
+    color-scheme: only light; /* set browser scrollbar color */
+}
+
 :root {
     --MAIN-TEXT-color: #323232; /* Color of text by default */
     --MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */

static/css/theme-green.css

@@ -5,6 +5,10 @@
    - remove the following `@import` of the self-defined chroma stylesheet */
 @import "chroma-learn.css";
 
+:root {
+    color-scheme: only light; /* set browser scrollbar color */
+}
+
 :root {
     --MAIN-TEXT-color: #323232; /* Color of text by default */
     --MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */

static/css/theme-learn.css

@@ -5,6 +5,10 @@
    - remove the following `@import` of the self-defined chroma stylesheet */
 @import "chroma-learn.css";
 
+:root {
+    color-scheme: only light; /* set browser scrollbar color */
+}
+
 :root {
     --MAIN-TEXT-color: #323232; /* Color of text by default */
     --MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */

static/css/theme-neon.css

@@ -9,6 +9,10 @@
    ignore this variant in IE completely */
 @supports not (-ms-high-contrast:none) {
 
+:root {
+    color-scheme: only dark; /* set browser scrollbar color */
+}
+
 :root {
     --PRIMARY-color: #f300b2; /* brand primary color */
     --SECONDARY-color: #1c90f3; /* brand secondary color */

static/css/theme-red.css

@@ -5,6 +5,10 @@
    - remove the following `@import` of the self-defined chroma stylesheet */
 @import "chroma-learn.css";
 
+:root {
+    color-scheme: only light; /* set browser scrollbar color */
+}
+
 :root {
     --MAIN-TEXT-color: #323232; /* Color of text by default */
     --MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */

static/css/theme-relearn-dark.css

@@ -5,6 +5,10 @@
    - remove the following `@import` of the self-defined chroma stylesheet */
 @import "chroma-relearn-dark.css";
 
+:root {
+    color-scheme: only dark; /* set browser scrollbar color */
+}
+
 :root {
     --PRIMARY-color: #7dc903; /* brand primary color */
     --SECONDARY-color: #6c8ce3; /* brand secondary color */

static/css/theme-relearn-light.css

@@ -5,6 +5,10 @@
    - remove the following `@import` of the self-defined chroma stylesheet */
 @import "chroma-relearn-light.css";
 
+:root {
+    color-scheme: only light; /* set browser scrollbar color */
+}
+
 :root {
     --PRIMARY-color: #7dc903; /* brand primary color */
     --SECONDARY-color: #486ac9; /* brand secondary color */