diff options
| -rw-r--r-- | scss/_root.scss | 4 | ||||
| -rw-r--r-- | scss/_variables-dark.scss | 2 | ||||
| -rw-r--r-- | site/assets/scss/_content.scss | 7 |
3 files changed, 11 insertions, 2 deletions
diff --git a/scss/_root.scss b/scss/_root.scss index 323a5217b..62ed0fd62 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -190,7 +190,9 @@ --#{$prefix}light-border-subtle: #{$light-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-hover-color: #{$link-hover-color-dark}; diff --git a/scss/_variables-dark.scss b/scss/_variables-dark.scss index 9a3874fdc..c3200254b 100644 --- a/scss/_variables-dark.scss +++ b/scss/_variables-dark.scss @@ -44,7 +44,7 @@ $body-tertiary-bg-dark: mix($gray-800, $gray-900, 50%) !default; $emphasis-color-dark: $white !default; $border-color-dark: $gray-700 !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-hover-color-dark: $blue-200 !default; $code-color-dark: $pink-300 !default; diff --git a/site/assets/scss/_content.scss b/site/assets/scss/_content.scss index 14d27b2fd..14b8b93fe 100644 --- a/site/assets/scss/_content.scss +++ b/site/assets/scss/_content.scss @@ -9,6 +9,12 @@ margin-top: -5rem; } + > h2, + > h3, + > h4 { + --#{$prefix}heading-color: #fff; + } + > h2:not(:first-child) { margin-top: 3rem; } @@ -102,6 +108,7 @@ } .bd-title { + --#{$prefix}heading-color: #fff; @include font-size(3rem); } |