generator: fix setting of colors #494

static/css/theme-blue.css

@@ -5,10 +5,6 @@
    - 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 */
@@ -51,3 +47,7 @@
     --BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */
     --BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
 }
+
+:root {
+    color-scheme: only light; /* set browser scrollbar color */
+}

static/css/theme-green.css

@@ -5,10 +5,6 @@
    - 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 */
@@ -51,3 +47,7 @@
     --BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */
     --BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
 }
+
+:root {
+    color-scheme: only light; /* set browser scrollbar color */
+}

static/css/theme-learn.css

@@ -5,10 +5,6 @@
    - 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 */
@@ -52,13 +48,14 @@
     --BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
 }
 
+:root {
+    color-scheme: only light; /* set browser scrollbar color */
+}
+
 body a#logo,
+body a#logo:hover,
 body #logo svg,
 body #logo svg * {
     color: var(--INTERNAL-MENU-SEARCH-color);
     fill: var(--INTERNAL-MENU-SEARCH-color) !important;
 }
-
-body a#logo:hover {
-    color: var(--INTERNAL-MENU-SEARCH-color);
-}

static/css/theme-neon.css

@@ -9,10 +9,6 @@
    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 */
@@ -74,7 +70,12 @@
     --BOX-RED-TEXT-color: var( --BOX-RED-color ); /* text color of red boxes */
 }
 
+:root {
+    color-scheme: only dark; /* set browser scrollbar color */
+}
+
 body a#logo,
+body a#logo:hover,
 body #logo svg,
 body #logo svg * {
     color: var(--INTERNAL-MENU-SEARCH-BORDER-color);

static/css/theme-red.css

@@ -5,10 +5,6 @@
    - 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 */
@@ -51,3 +47,7 @@
     --BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */
     --BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
 }
+
+:root {
+    color-scheme: only light; /* set browser scrollbar color */
+}

static/css/theme-relearn-bright.css

@@ -5,10 +5,6 @@
    - 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: #83c932; /* brand primary color */
     --SECONDARY-color: #6380d0; /* brand secondary color */
@@ -50,9 +46,14 @@
     --BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of colored box content */
 }
 
-html a#logo,
+:root {
-html a#logo:hover,
+    color-scheme: only light; /* set browser scrollbar color */
-html #logo svg * {
+}
+
+body a#logo,
+body a#logo:hover,
+body #logo svg,
+body #logo svg * {
     color: var(--MENU-SEARCH-color);
     fill: var(--MENU-SEARCH-color) !important;
 }

static/css/theme-relearn-dark.css

@@ -5,10 +5,6 @@
    - 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 */
@@ -50,3 +46,7 @@
     --BOX-BG-color: rgba( 20, 20, 20, 1 ); /* background color of colored boxes */
     --BOX-TEXT-color: #e0e0e0; /* text color of colored box content */
 }
+
+:root {
+    color-scheme: only dark; /* set browser scrollbar color */
+}

static/css/theme-relearn-light.css

@@ -5,10 +5,6 @@
    - 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 */
@@ -49,3 +45,7 @@
     --BOX-BG-color: rgba( 255, 255, 255, .833 ); /* background color of colored boxes */
     --BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of colored box content */
 }
+
+:root {
+    color-scheme: only light; /* set browser scrollbar color */
+}