From c462942467da6ddab664dead10a041ae680becab Mon Sep 17 00:00:00 2001 From: "louismaxime.piton" Date: Fri, 15 Sep 2023 15:02:46 +0200 Subject: [PATCH] Add `[data-bs-theme="body"]` --- scss/_root.scss | 1 + scss/mixins/_color-mode.scss | 1 + scss/tests/mixins/_color-modes.test.scss | 2 ++ 3 files changed, 4 insertions(+) diff --git a/scss/_root.scss b/scss/_root.scss index becddf14af..e6ef0b1553 100644 --- 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 03338b0256..d2114621a2 100644 --- 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 9ecc628dea..7f383233cd 100644 --- 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; }