diff --git a/static/css/theme-blue.css b/static/css/theme-blue.css
index 9e1e76f1e1..61483c20f9 100644
--- a/static/css/theme-blue.css
+++ b/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 */
+}
diff --git a/static/css/theme-green.css b/static/css/theme-green.css
index a29bde92f6..4cb190410c 100644
--- a/static/css/theme-green.css
+++ b/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 */
+}
diff --git a/static/css/theme-learn.css b/static/css/theme-learn.css
index 0dad5ce35c..b925dd56c3 100644
--- a/static/css/theme-learn.css
+++ b/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);
-}
diff --git a/static/css/theme-neon.css b/static/css/theme-neon.css
index e028aae545..b4c0c2f444 100644
--- a/static/css/theme-neon.css
+++ b/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);
diff --git a/static/css/theme-red.css b/static/css/theme-red.css
index 84befd565b..37ab98b109 100644
--- a/static/css/theme-red.css
+++ b/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 */
+}
diff --git a/static/css/theme-relearn-bright.css b/static/css/theme-relearn-bright.css
index 0f9088861e..8f60d483d2 100644
--- a/static/css/theme-relearn-bright.css
+++ b/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,
-html a#logo:hover,
-html #logo svg * {
+:root {
+    color-scheme: only light; /* set browser scrollbar color */
+}
+
+body a#logo,
+body a#logo:hover,
+body #logo svg,
+body #logo svg * {
     color: var(--MENU-SEARCH-color);
     fill: var(--MENU-SEARCH-color) !important;
 }
diff --git a/static/css/theme-relearn-dark.css b/static/css/theme-relearn-dark.css
index fd8358cb3c..f52651ceb3 100644
--- a/static/css/theme-relearn-dark.css
+++ b/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 */
+}
diff --git a/static/css/theme-relearn-light.css b/static/css/theme-relearn-light.css
index 3fc8e096a2..70b9bc46b3 100644
--- a/static/css/theme-relearn-light.css
+++ b/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 */
+}