Merge branch 'alert_block_colors' into slate

RedTurtle · Jan 9, 2024 · 339a9f4 · 339a9f4
2 parents e9addee + 77bf2d1
commit 339a9f4
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/src/theme/ItaliaTheme/Blocks/_alert.scss b/src/theme/ItaliaTheme/Blocks/_alert.scss
@@ -6,12 +6,14 @@
         background-color: $alert-info;
       }
     }
+
     .ui.button.warning {
       &,
       &.active {
         background-color: $alert-warning;
       }
     }
+
     .ui.button.danger {
       &,
       &.active {
@@ -40,51 +42,54 @@
 
     .bg-alert-danger {
       background-color: $alert-danger;
-      color: $white;
+      color: $alert-danger-text;
 
       h1,
       h2,
       h3,
       h4,
       h5,
       h6 {
-        color: $white;
+        color: $alert-danger-text;
       }
 
       a {
-        color: $white;
+        color: $alert-danger-text;
       }
     }
 
     .bg-alert-warning {
       background-color: $alert-warning;
+
       h1,
       h2,
       h3,
       h4,
       h5,
       h6 {
-        color: $black;
+        color: $alert-warning-text;
       }
+
       a {
-        color: $body-color;
+        color: $alert-warning-text;
       }
     }
 
     .bg-alert-info {
       background-color: $alert-info;
+      color: $alert-info-text;
 
       h1,
       h2,
       h3,
       h4,
       h5,
       h6 {
-        color: $body-color;
+        color: $alert-info-text;
       }
 
       a {
-        color: $body-color;
+        color: $alert-info-text;
       }
     }
 

diff --git a/src/theme/_site-variables.scss b/src/theme/_site-variables.scss
@@ -42,9 +42,12 @@ $caption-text: #455b71 !default;
 $primary-a0: hsl($primary-h, 62%, 97%) !default;
 
 // ALERT-BLOCK CUSTOM COLORS
-$alert-danger: #a32219;
-$alert-warning: #eb973f;
-$alert-info: #f0c250;
+$alert-danger: #a32219 !default;
+$alert-danger-text: $white !default;
+$alert-warning: #eb973f !default;
+$alert-warning-text: $body-color !default;
+$alert-info: #f0c250 !default;
+$alert-info-text: $body-color !default;
 
 $argument-icon-color: $tertiary !default;
 $argument-icon-bg: #f5f6f7 !default;