style/darkmode: fix header icon not reversing

Signed-off-by: lucasew <lucas59356@gmail.com>
lucasew · Aug 28, 2021 · a8059c2 · a8059c2
1 parent 5794604
commit a8059c2
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/static/style.css b/static/style.css
@@ -123,16 +123,6 @@ header {
     align-items: center;
 }
 
-.icon {
-    width: 20px;
-    height: 20px;
-    float: left;
-    padding-right: 10px;
-
-    background-repeat: no-repeat;
-    background-size: contain;
-}
-
 .toc ul li a {
     text-decoration: none;
     color: var(--text-color);
@@ -166,7 +156,20 @@ header {
     filter: grayscale(100%);
 }
 
-body.dark a.with-icon {
+.icon {
+    width: 20px;
+    height: 20px;
+    float: left;
+    padding-right: 10px;
+
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+
+
+body.dark .with-icon, 
+body.dark .icon {
     filter: grayscale(100%) invert(100%);
     /* it's expected that the foreground color is the reverse of the background color */
     color: var(--background-color);