Restrict .td-box--white style changes to dark mode (#1968)

google · Apr 30, 2024 · a8e0a1a · a8e0a1a
1 parent a26d815
commit a8e0a1a
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/assets/scss/_boxes.scss b/assets/scss/_boxes.scss
@@ -118,14 +118,16 @@
 }
 
 // Single dark-mode compatibility override for white boxes:
-.td-box--white {
-  color: var(--bs-body-color) !important;
-  background-color: var(--bs-body-bg) !important;
-  p > a, span > a {
-    color: var(--bs-link-color);
-    &:focus,
-    &:hover {
-      color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+@include color-mode(dark) {
+  .td-box--white {
+    color: var(--bs-body-color) !important;
+    background-color: var(--bs-body-bg) !important;
+    p > a, span > a {
+      color: var(--bs-link-color);
+      &:focus,
+      &:hover {
+        color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+      }
     }
   }
 }