feat: customizable Alert block colors and text color (#470)

* feat: customizable Alert block colors and text color

* fix: color danger alert

* fix: color text of alert

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;
       }
     }
 

src/theme/_site-variables.scss

@@ -32,19 +32,20 @@ $gdpr-toggle: #b22515 !default;
 $gdpr-toggle-border: #000 !default;
 $gdpr-focus-color: #ff9800 !default;
 $gdpr-link-color: #004285 !default;
-$gdpr-focus-shadow:
-  inset 0 1px 0 rgba(255, 255, 255, 0.15),
-  0 1px 1px rgba(0, 0, 0, 0.075),
-  0 0 0 0.2rem $gdpr-focus-color !default;
+$gdpr-focus-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
+  0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem $gdpr-focus-color !default;
 
 $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: #fff !default;
+$alert-warning: #eb973f !default;
+$alert-warning-text: #000 !default;
+$alert-info: #f0c250 !default;
+$alert-info-text: #000 !default;
 
 $argument-icon-color: $tertiary !default;
 $argument-icon-bg: #f5f6f7 !default;