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

diff --git a/scss/_root.scss b/scss/_root.scss
index 323a5217bfe6165a13cda47009167aa60ac0bc94..62ed0fd62138e6bea74c11796d9d77820db5e740 100644 (file)
--- 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 9a3874fdc38b63c7a28f05db02cd75f3b32db6e3..c3200254b044632262f706dd01b6cb546ee76b17 100644 (file)
--- 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 14d27b2fde269ef2d4cfc4d884fc0fef786a5121..14b8b93fe1d489b9857b9706a8dad6b659a477b5 100644 (file)
--- 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);
 }