ability to change text color in popovers (#22221)

diff --git a/scss/_popover.scss b/scss/_popover.scss
index 1b6363405ce939ff4b07e672542a0b15a82c3d28..82a335fa19e5e5cc92861f3370988543d0fd045d 100644 (file)
--- a/scss/_popover.scss
+++ b/scss/_popover.scss
@@ -132,6 +132,7 @@
   padding: $popover-title-padding-y $popover-title-padding-x;
   margin-bottom: 0; // Reset the default from Reboot
   font-size: $font-size-base;
+  color: $popover-title-color;
   background-color: $popover-title-bg;
   border-bottom: $popover-border-width solid darken($popover-title-bg, 5%);
   $offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});
@@ -144,6 +145,7 @@
 
 .popover-content {
   padding: $popover-content-padding-y $popover-content-padding-x;
+  color: $popover-content-color;
 }
 
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index e8ead303355086f4c64fbee274f64d90cfdbfa25..0d22877a2d1103f8d4293a9c89516c1ac9cc5831 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -721,9 +721,11 @@ $popover-border-color:                rgba($black,.2) !default;
 $popover-box-shadow:                  0 5px 10px rgba($black,.2) !default;
 
 $popover-title-bg:                    darken($popover-bg, 3%) !default;
+$popover-title-color:                 $headings-color !default;
 $popover-title-padding-x:             14px !default;
 $popover-title-padding-y:             8px !default;
 
+$popover-content-color:               $body-color !default;
 $popover-content-padding-x:           14px !default;
 $popover-content-padding-y:           9px !default;