Card header color theming (#26573)

Define new variable for card header color

diff --git a/scss/_card.scss b/scss/_card.scss
index fcae56d630faa8308bf2dee06461a9982968f61b..f3de02708bc92f7ee4f482cc85b3fdebfb0feb3d 100644 (file)
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -68,6 +68,7 @@
 .card-header {
   padding: $card-spacer-y $card-spacer-x;
   margin-bottom: 0; // Removes the default margin-bottom of <hN>
+  color: $card-cap-color;
   background-color: $card-cap-bg;
   border-bottom: $card-border-width solid $card-border-color;
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 3189611475b06daf02cd43f9806294ab1b5519d1..eeeaf67678771a50fa196c36f159c3102a2e36d4 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -767,6 +767,7 @@ $card-border-radius:                $border-radius !default;
 $card-border-color:                 rgba($black, .125) !default;
 $card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
 $card-cap-bg:                       rgba($black, .03) !default;
+$card-cap-color:                    $body-color !default;
 $card-bg:                           $white !default;
 
 $card-img-overlay-padding:          1.25rem !default;