From a8e0a1a3f7f0230ee8078ee3894e2304a1c4eac5 Mon Sep 17 00:00:00 2001
From: Patrice Chalin <chalin@users.noreply.github.com>
Date: Tue, 30 Apr 2024 07:30:46 -0400
Subject: [PATCH] Restrict `.td-box--white` style changes to dark mode (#1968)

---
 assets/scss/_boxes.scss | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/assets/scss/_boxes.scss b/assets/scss/_boxes.scss
index 11b80394f..084bff9fe 100644
--- 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));
+      }
     }
   }
 }