diff --git a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss index 6947c79ac..73d1e3d9e 100644 --- a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss +++ b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/Blocks/_searchSections.scss @@ -38,6 +38,12 @@ } } } + + &.search { + .search-wrapper .autocomplete-icon .icon { + fill: $subsite-primary; + } + } } .event-search, diff --git a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/_common.scss b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/_common.scss index 046f86c0a..1a59abfe3 100644 --- a/src/theme/ItaliaTheme/Subsites/ItaliaTheme/_common.scss +++ b/src/theme/ItaliaTheme/Subsites/ItaliaTheme/_common.scss @@ -27,11 +27,6 @@ } } - // TO DO: questo serve? - // a.btn-tertiary { - // color: $subsite-tertiary-text; - // } - .btn-outline-tertiary { @include button-outline-variant($subsite-tertiary); } @@ -45,11 +40,34 @@ background-color: $subsite-primary !important; } + //fix per bg-primary in CT servizio + // .contenttype-servizio { + .it-page-section.bg-primary { + background-color: $subsite-primary-a0 !important; + } + // } + .bg-secondary { background-color: $subsite-secondary !important; color: $subsite-secondary-text; } + //text + .text-primary { + color: $subsite-primary-text !important; + } + .select-pill.text-primary { + color: $subsite-primary !important; + + div { + color: inherit; + } + } + + .text-secondary { + color: $subsite-secondary-text !important; + } + //btn mini .select-all-cts.btn.btn-link.btn-mini, .subsite-header .text a.select-all-cts.btn-link.btn-mini { @@ -293,6 +311,10 @@ // date picker - general .DateRangePicker { + td.CalendarDay_default { + color: #484848; + } + td.CalendarDay__selected { color: $subsite-link-color; @@ -301,6 +323,12 @@ } } + td.CalendarDay__hovered_span { + background: $subsite-primary-a0; + border: $subsite-primary-a0; + color: $subsite-link-color; + } + @if $subsite-light-theme { td.CalendarDay__selected_span { background: darken($subsite-primary, 10%); @@ -312,6 +340,7 @@ } @else { td.CalendarDay__selected_span { background: $subsite-primary-a0; + color: #484848; &:hover { border: 1px double $subsite-primary-a0; @@ -319,4 +348,20 @@ } } } + + .DayPickerKeyboardShortcuts_show__bottomRight::before { + border-right-color: $subsite-primary; + } + + .DayPickerKeyboardShortcuts_showSpan { + color: $subsite-primary-text; + } + + .react-select__menu-list { + .select-list { + .react-select__option--is-focused { + background-color: $subsite-primary-a0 !important; + } + } + } } diff --git a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_card.scss b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_card.scss index 034e10cbf..cb160f1af 100644 --- a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_card.scss +++ b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_card.scss @@ -1,6 +1,11 @@ @use '../../all_variables' as *; @mixin card($subsite-primary, $subsite-link-color) { + //card category + .card .card-body .category-top a.category { + color: $subsite-link-color; + } + // flag .flag-icon { background: $subsite-primary; diff --git a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headercenter.scss b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headercenter.scss index 0d3c4d976..fca791681 100644 --- a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headercenter.scss +++ b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headercenter.scss @@ -26,13 +26,13 @@ //right zone .it-right-zone { - color: $subsite-primary-text; + color: $subsite-primary-text !important; .it-socials { ul { .icon { - color: $subsite-primary-text; - fill: $subsite-primary-text; + color: $subsite-primary-text !important; + fill: $subsite-primary-text !important; } } } diff --git a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss index f3224118a..0f279f1a8 100644 --- a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss +++ b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss @@ -13,26 +13,14 @@ .navbar-nav { li { a.nav-link { - @if $subsite-light-theme { - color: $subsite-primary-text; - - &.active { - border-left-color: $subsite-primary-text; - } + color: $subsite-primary-text; - svg { - fill: $subsite-primary-text !important; - } - } @else { - color: $subsite-link-color; - - &.active { - border-left-color: $subsite-link-color; - } + &.active { + border-left-color: $subsite-primary-text; + } - svg { - fill: $subsite-link-color !important; - } + svg { + fill: $subsite-primary-text !important; } } } @@ -76,7 +64,7 @@ } //Tablet horizontal / small desktop - @media (min-width: #{map-get($grid-breakpoints, lg)}) { + @media (min-width: #{map-get($grid-breakpoints, md)}) and (max-width: #{map-get($grid-breakpoints, lg)}) { .navbar { background: $subsite-primary;