morph: fix text color for secondary and light cards in dark mode, #1282

thomaspark · Oct 23, 2023 · 2f248e9 · 2f248e9
1 parent fa6d02d
commit 2f248e9
Show file tree

Hide file tree

Showing 14 changed files with 34 additions and 8 deletions.
diff --git a/dist/morph/_bootswatch.scss b/dist/morph/_bootswatch.scss
@@ -529,6 +529,13 @@ $box-shadow-dark: 5px 5px 10px rgba(darken($dark, 50%), .2), -5px -5px 10px rgba
     box-shadow: inset 2px 2px 6px rgba(shade-color($dark, 50%), .2), inset -3px -2px 4px rgba($white, .05);
   }
 
+  .card {
+    &.bg-secondary,
+    &.bg-light {
+      color: $body-color;
+    }
+  }
+
   .modal-content,
   .popover,
   .toast {

diff --git a/dist/morph/bootstrap.css b/dist/morph/bootstrap.css
@@ -12801,6 +12801,9 @@ textarea.form-control-lg {
   background-color: #202428;
   box-shadow: inset 2px 2px 6px rgba(17, 19, 21, 0.2), inset -3px -2px 4px rgba(255, 255, 255, 0.05);
 }
+[data-bs-theme=dark] .card.bg-secondary, [data-bs-theme=dark] .card.bg-light {
+  color: #7b8ab8;
+}
 [data-bs-theme=dark] .modal-content,
 [data-bs-theme=dark] .popover,
 [data-bs-theme=dark] .toast {

diff --git a/dist/morph/bootstrap.min.css b/dist/morph/bootstrap.min.css
diff --git a/dist/morph/bootstrap.min.css.map b/dist/morph/bootstrap.min.css.map
diff --git a/dist/morph/bootstrap.rtl.css b/dist/morph/bootstrap.rtl.css
@@ -12766,6 +12766,9 @@ textarea.form-control-lg {
   background-color: #202428;
   box-shadow: inset -2px 2px 6px rgba(17, 19, 21, 0.2), inset 3px -2px 4px rgba(255, 255, 255, 0.05);
 }
+[data-bs-theme=dark] .card.bg-secondary, [data-bs-theme=dark] .card.bg-light {
+  color: #7b8ab8;
+}
 [data-bs-theme=dark] .modal-content,
 [data-bs-theme=dark] .popover,
 [data-bs-theme=dark] .toast {

diff --git a/dist/morph/bootstrap.rtl.min.css b/dist/morph/bootstrap.rtl.min.css
diff --git a/dist/morph/bootstrap.rtl.min.css.map b/dist/morph/bootstrap.rtl.min.css.map
diff --git a/docs/5/morph/_bootswatch.scss b/docs/5/morph/_bootswatch.scss
@@ -529,6 +529,13 @@ $box-shadow-dark: 5px 5px 10px rgba(darken($dark, 50%), .2), -5px -5px 10px rgba
     box-shadow: inset 2px 2px 6px rgba(shade-color($dark, 50%), .2), inset -3px -2px 4px rgba($white, .05);
   }
 
+  .card {
+    &.bg-secondary,
+    &.bg-light {
+      color: $body-color;
+    }
+  }
+
   .modal-content,
   .popover,
   .toast {

diff --git a/docs/5/morph/bootstrap.css b/docs/5/morph/bootstrap.css
@@ -12801,6 +12801,9 @@ textarea.form-control-lg {
   background-color: #202428;
   box-shadow: inset 2px 2px 6px rgba(17, 19, 21, 0.2), inset -3px -2px 4px rgba(255, 255, 255, 0.05);
 }
+[data-bs-theme=dark] .card.bg-secondary, [data-bs-theme=dark] .card.bg-light {
+  color: #7b8ab8;
+}
 [data-bs-theme=dark] .modal-content,
 [data-bs-theme=dark] .popover,
 [data-bs-theme=dark] .toast {

diff --git a/docs/5/morph/bootstrap.min.css b/docs/5/morph/bootstrap.min.css
diff --git a/docs/5/morph/bootstrap.min.css.map b/docs/5/morph/bootstrap.min.css.map
diff --git a/docs/5/morph/bootstrap.rtl.css b/docs/5/morph/bootstrap.rtl.css
@@ -12766,6 +12766,9 @@ textarea.form-control-lg {
   background-color: #202428;
   box-shadow: inset -2px 2px 6px rgba(17, 19, 21, 0.2), inset 3px -2px 4px rgba(255, 255, 255, 0.05);
 }
+[data-bs-theme=dark] .card.bg-secondary, [data-bs-theme=dark] .card.bg-light {
+  color: #7b8ab8;
+}
 [data-bs-theme=dark] .modal-content,
 [data-bs-theme=dark] .popover,
 [data-bs-theme=dark] .toast {

diff --git a/docs/5/morph/bootstrap.rtl.min.css b/docs/5/morph/bootstrap.rtl.min.css
diff --git a/docs/5/morph/bootstrap.rtl.min.css.map b/docs/5/morph/bootstrap.rtl.min.css.map