Dark-mode override for .td-box--white (google#1966)

chalin · Apr 30, 2024 · a26d815 · a26d815
1 parent a6d0a70
commit a26d815
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/assets/scss/_boxes.scss b/assets/scss/_boxes.scss
@@ -116,3 +116,16 @@
 @each $color, $value in $grays {
   @include box-variant(".td-box", $color, $value);
 }
+
+// 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));
+    }
+  }
+}