diff --git a/src/theme/ItaliaTheme/Blocks/_alert.scss b/src/theme/ItaliaTheme/Blocks/_alert.scss index 0d4628e3a..820e4a721 100644 --- 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,7 +42,7 @@ .bg-alert-danger { background-color: $alert-danger; - color: $white; + color: $alert-danger-text; h1, h2, @@ -48,31 +50,34 @@ 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, @@ -80,11 +85,11 @@ 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 index dd82b17ce..03234bd26 100644 --- 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;