feat: customizable Alert block colors and text color

RedTurtle · Jan 9, 2024 · 77bf2d1 · 77bf2d1
1 parent abc80d2
commit 77bf2d1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/theme/ItaliaTheme/Blocks/_alert.scss b/src/theme/ItaliaTheme/Blocks/_alert.scss
@@ -17,26 +17,28 @@
 
     .bg-alert-danger {
       background-color: $alert-danger;
-      color: $white;
+      color: $alert-danger-text;
 
       a {
-        color: $white;
+        color: $alert-danger-text;
       }
     }
 
     .bg-alert-warning {
       background-color: $alert-warning;
+      color: $alert-warning-text;
 
       a {
-        color: $body-color;
+        color: $alert-warning-text;
       }
     }
 
     .bg-alert-info {
       background-color: $alert-info;
+      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;