diff --git a/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_info.scss b/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_info.scss index 3d3f58db0..5b116f8b4 100644 --- a/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_info.scss +++ b/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_info.scss @@ -1,6 +1,6 @@ @use '../../all_variables' as *; -@mixin info($subsite-primary) { +@mixin info($subsite-primary, $subsite-light-theme) { .public-ui, &.public-ui { .infoblock { @@ -8,9 +8,18 @@ .bg-alert-secondary, .bg-alert-tertiary { &.bg-color-true { - .draftjs-buttons a { - &:hover { - background-color: $subsite-primary; + .draftjs-buttons { + a { + &:hover { + border-color: $body-color; + background-color: $subsite-primary; + @if $subsite-light-theme { + color: $body-color; + span { + color: $body-color; + } + } + } } } } diff --git a/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss b/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss index d1735b397..b65cb8ed0 100644 --- a/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss +++ b/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss @@ -1,6 +1,11 @@ @use '../../all_variables' as *; -@mixin block($subsite-primary, $subsite-secondary, $subsite-secondary-text) { +@mixin block( + $subsite-primary, + $subsite-secondary, + $subsite-secondary-text, + $subsite-light-theme +) { .container .block { .searchSections { @if $subsite-secondary != $subsite-primary { @@ -27,6 +32,11 @@ } } } + @if $subsite-light-theme { + button.rounded-right svg { + fill: $body-color !important; + } + } } } } diff --git a/theme/ItaliaTheme/Subsites/_mixin.scss b/theme/ItaliaTheme/Subsites/_mixin.scss index 06c7eee30..f5c1c27c9 100644 --- a/theme/ItaliaTheme/Subsites/_mixin.scss +++ b/theme/ItaliaTheme/Subsites/_mixin.scss @@ -98,9 +98,10 @@ @include it-search-sections.block( $subsite-primary, $subsite-secondary, - $subsite-secondary-text + $subsite-secondary-text, + $subsite-light-theme ); - @include it-info.info($subsite-primary); + @include it-info.info($subsite-primary, $subsite-light-theme); @include it-views.common( $subsite-primary, @@ -118,10 +119,9 @@ color: color-hover($subsite-link-color); } } - - .icon-primary { - fill: $subsite-primary !important; - } + } + .icon-primary { + fill: $subsite-primary !important; } } }