fix: themes don't support $text-muted color

Author: mrholek

scss/_breadcrumb-menu.scss

@@ -17,7 +17,6 @@
 
   .btn {
     padding: 0 $input-btn-padding-x;
-    color: $text-muted;
     vertical-align: top;
     border: 0;
 
@@ -26,6 +25,9 @@
       color: $body-color;
       background: transparent;
     }
+    @include themes($typography-theme-map, $create: parent) {
+      color: themes-get-value("text-muted");
+    }
   }
 
   .show {

scss/_breadcrumb.scss

@@ -32,7 +32,9 @@
 
     &::before {
       display: inline-block; // Suppress underlining of the separator in modern browsers
-      color: $breadcrumb-divider-color;
+      @include themes($breadcrumb-theme-map, $create: parent) {
+        color: themes-get-value("breadcrumb-divider-color");
+      }
       content: escape-svg($breadcrumb-divider);
       @include ltr {
         padding-right: $breadcrumb-item-padding;
@@ -58,6 +60,8 @@
   }
 
   &.active {
-    color: $breadcrumb-active-color;
+    @include themes($breadcrumb-theme-map, $create: parent) {
+      color: themes-get-value("breadcrumb-active-color");
+    }
   }
 }

scss/_forms.scss

@@ -249,7 +249,9 @@ textarea.form-control {
   // Use [disabled] and :disabled for workaround https://github.com/twbs/bootstrap/issues/28247
   &[disabled] ~ .form-check-label,
   &:disabled ~ .form-check-label {
-    color: $text-muted;
+    @include themes($typography-theme-map, $create: parent) {
+      color: themes-get-value("text-muted");
+    }
   }
 }
 

scss/utilities/_text.scss

@@ -49,7 +49,11 @@
 }
 
 .text-body { color: $body-color !important; }
-.text-muted { color: $text-muted !important; }
+.text-muted {
+  @include themes($typography-theme-map, $create: parent) {
+    color: themes-get-value("text-muted") !important;
+  }
+}
 
 .text-black-50 { color: rgba($black, .5) !important; }
 .text-white-50 { color: rgba($white, .5) !important; }

scss/variables/_options.scss

@@ -23,6 +23,7 @@ $enable-deprecation-messages:                false !default;
 $enable-sidebar-nav-rounded:                 false !default;
 $layout-transition-speed:                    .3s !default;
 $enable-elevations:                          true !default;
+$enable-prefers-color-scheme:                false !default;
 
 $options: () !default;
 

scss/variables/_typography.scss

@@ -89,3 +89,15 @@ $icon-size-base:  1rem !default;
 $icon-size-sm:    $icon-size-base * .875 !default;
 $icon-size-lg:    $icon-size-base * 1.25 !default;
 $icon-size-xl:    $icon-size-base * 1.5 !default;
+
+
+$typography-theme-map: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
+$typography-theme-map: map-merge(
+  (
+    default: (
+      "text-muted":  $text-muted
+    )
+  ),
+  $typography-theme-map
+);