1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-09 05:00:45 +02:00

Proposal to handle color-mode

This commit is contained in:
louismaximepiton
2023-07-17 15:56:22 +02:00
parent 101ff73b4c
commit 9e5ee4d344
13 changed files with 62 additions and 61 deletions

View File

@@ -122,8 +122,6 @@
}
}
@include color-mode(dark) {
.bd-navbar {
box-shadow: 0 .5rem 1rem rgba($black, .15), inset 0 -1px 0 rgba($white, .15);
}
@include color-mode(dark, ".bd-navbar") {
box-shadow: 0 .5rem 1rem rgba($black, .15), inset 0 -1px 0 rgba($white, .15);
}

View File

@@ -5,7 +5,7 @@
--docsearch-logo-color: var(--bd-violet);
}
@include color-mode(dark, true) {
@include color-mode(dark) {
// From here, the values are copied from https://cdn.jsdelivr.net/npm/@docsearch/css@3
// in html[data-theme="dark"] selector
// and are slightly modified for formatting purpose

View File

@@ -18,7 +18,7 @@
--base0F: #333;
}
@include color-mode(dark, true) {
@include color-mode(dark) {
// --base00: #282c34;
// --base01: #353b45;
--base02: #3e4451;

View File

@@ -24,7 +24,7 @@ $bd-callout-variants: info, warning, danger !default;
--bd-pre-bg: var(--bs-tertiary-bg);
}
@include color-mode(dark, true) {
@include color-mode(dark) {
--bd-violet: #{mix($bd-violet, $white, 75%)};
--bd-violet-bg: #{$bd-violet};
--bd-toc-color: var(--#{$prefix}emphasis-color);