diff options
| author | Julien Déramond <[email protected]> | 2023-09-13 08:50:42 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2023-09-13 08:50:42 +0200 |
| commit | bde23ae6612b71376e6cd906679425bd58d8db72 (patch) | |
| tree | 060ffec39f4eb498434d89ac5474c788f74d38ea /scss | |
| parent | bb10c996d42610489534ccf532428419d447d3da (diff) | |
| download | bootstrap-bde23ae6612b71376e6cd906679425bd58d8db72.tar.xz bootstrap-bde23ae6612b71376e6cd906679425bd58d8db72.zip | |
Allow `<mark>` colors customization for color modes (#39141)
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_reboot.scss | 1 | ||||
| -rw-r--r-- | scss/_root.scss | 3 | ||||
| -rw-r--r-- | scss/_variables-dark.scss | 2 | ||||
| -rw-r--r-- | scss/_variables.scss | 1 |
4 files changed, 7 insertions, 0 deletions
diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 81ea21617..18791753d 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -217,6 +217,7 @@ small { mark { padding: $mark-padding; + color: var(--#{$prefix}highlight-color); background-color: var(--#{$prefix}highlight-bg); } diff --git a/scss/_root.scss b/scss/_root.scss index ab720a38e..becddf14a 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -91,6 +91,7 @@ } --#{$prefix}code-color: #{$code-color}; + --#{$prefix}highlight-color: #{$mark-color}; --#{$prefix}highlight-bg: #{$mark-bg}; // scss-docs-start root-border-var @@ -171,6 +172,8 @@ --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-dark)}; --#{$prefix}code-color: #{$code-color-dark}; + --#{$prefix}highlight-color: #{$mark-color-dark}; + --#{$prefix}highlight-bg: #{$mark-bg-dark}; --#{$prefix}border-color: #{$border-color-dark}; --#{$prefix}border-color-translucent: #{$border-color-translucent-dark}; diff --git a/scss/_variables-dark.scss b/scss/_variables-dark.scss index 79f29a305..6422b3874 100644 --- a/scss/_variables-dark.scss +++ b/scss/_variables-dark.scss @@ -53,6 +53,8 @@ $headings-color-dark: inherit !default; $link-color-dark: tint-color($primary, 40%) !default; $link-hover-color-dark: shift-color($link-color-dark, -$link-shade-percentage) !default; $code-color-dark: tint-color($code-color, 40%) !default; +$mark-color-dark: $body-color-dark !default; +$mark-bg-dark: $yellow-800 !default; // diff --git a/scss/_variables.scss b/scss/_variables.scss index 33ff5c2ff..81fbde651 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -718,6 +718,7 @@ $dt-font-weight: $font-weight-bold !default; $list-inline-padding: .5rem !default; $mark-padding: .1875em !default; +$mark-color: $body-color !default; $mark-bg: $yellow-100 !default; // scss-docs-end type-variables |