0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-15 15:29:22 +01:00

Remove dark mode --bs-heading-color value, set to null, and add custom styles for the docs dark mode headings

This commit is contained in:
Mark Otto 2023-01-03 19:28:26 -08:00 committed by Mark Otto
parent 9013c9884e
commit da1c968965
3 changed files with 11 additions and 2 deletions

View File

@ -190,7 +190,9 @@
--#{$prefix}light-border-subtle: #{$light-border-subtle-dark}; --#{$prefix}light-border-subtle: #{$light-border-subtle-dark};
--#{$prefix}dark-border-subtle: #{$dark-border-subtle-dark}; --#{$prefix}dark-border-subtle: #{$dark-border-subtle-dark};
--#{$prefix}heading-color: #{$headings-color-dark}; @if $headings-color-dark != null {
--#{$prefix}heading-color: #{$headings-color-dark};
}
--#{$prefix}link-color: #{$link-color-dark}; --#{$prefix}link-color: #{$link-color-dark};
--#{$prefix}link-hover-color: #{$link-hover-color-dark}; --#{$prefix}link-hover-color: #{$link-hover-color-dark};

View File

@ -44,7 +44,7 @@ $body-tertiary-bg-dark: mix($gray-800, $gray-900, 50%) !default;
$emphasis-color-dark: $white !default; $emphasis-color-dark: $white !default;
$border-color-dark: $gray-700 !default; $border-color-dark: $gray-700 !default;
$border-color-translucent-dark: rgba($white, .15) !default; $border-color-translucent-dark: rgba($white, .15) !default;
$headings-color-dark: #fff !default; $headings-color-dark: null !default;
$link-color-dark: $blue-300 !default; $link-color-dark: $blue-300 !default;
$link-hover-color-dark: $blue-200 !default; $link-hover-color-dark: $blue-200 !default;
$code-color-dark: $pink-300 !default; $code-color-dark: $pink-300 !default;

View File

@ -9,6 +9,12 @@
margin-top: -5rem; margin-top: -5rem;
} }
> h2,
> h3,
> h4 {
--#{$prefix}heading-color: #fff;
}
> h2:not(:first-child) { > h2:not(:first-child) {
margin-top: 3rem; margin-top: 3rem;
} }
@ -102,6 +108,7 @@
} }
.bd-title { .bd-title {
--#{$prefix}heading-color: #fff;
@include font-size(3rem); @include font-size(3rem);
} }