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

2 files changed, 4 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;