From da1c96896572512f128354b28e159e8d1c393bdd Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Tue, 3 Jan 2023 19:28:26 -0800
Subject: [PATCH] Remove dark mode --bs-heading-color value, set to null, and
 add custom styles for the docs dark mode headings

---
 scss/_root.scss                | 4 +++-
 scss/_variables-dark.scss      | 2 +-
 site/assets/scss/_content.scss | 7 +++++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/scss/_root.scss b/scss/_root.scss
index 323a5217bf..62ed0fd621 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 9a3874fdc3..c3200254b0 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 14d27b2fde..14b8b93fe1 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);
 }