Add `[data-bs-theme="body"]`

diff --git a/scss/_root.scss b/scss/_root.scss
index becddf14afdcccbeb5374c6ecc0c9a3920e76866..e6ef0b155303f0f87d5ebc3b4e6cc650fa274fb1 100644 (file)
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -1,4 +1,5 @@
 :root,
+:root[data-bs-theme="light"] [data-bs-theme="body"],
 [data-bs-theme="light"] {
   // Note: Custom variable values only support SassScript inside `#{}`.
 

diff --git a/scss/mixins/_color-mode.scss b/scss/mixins/_color-mode.scss
index 03338b0256759f7d71560864801cda8cadf9a4bf..d2114621a22329f0ff9d2154ff8bce66222f7021 100644 (file)
--- a/scss/mixins/_color-mode.scss
+++ b/scss/mixins/_color-mode.scss
@@ -13,6 +13,7 @@
       }
     }
   } @else {
+    :root[data-bs-theme="#{$mode}"] [data-bs-theme="body"],
     [data-bs-theme="#{$mode}"] {
       @content;
     }

diff --git a/scss/tests/mixins/_color-modes.test.scss b/scss/tests/mixins/_color-modes.test.scss
index 9ecc628deabe78e69dbd78d1babdadafa7101de9..7f383233cdef2333ade7b0e94aa678219cc4b2e0 100644 (file)
--- a/scss/tests/mixins/_color-modes.test.scss
+++ b/scss/tests/mixins/_color-modes.test.scss
@@ -21,10 +21,12 @@
         }
       }
       @include expect() {
+        :root[data-bs-theme=dark] [data-bs-theme=body] .element,
         [data-bs-theme=dark] .element {
           color: var(--bs-primary-text-emphasis);
           background-color: var(--bs-primary-bg-subtle);
         }
+        :root[data-bs-theme=dark] [data-bs-theme=body],
         [data-bs-theme=dark] {
           --custom-color: #3a3ff8;
         }