fix: search page

src/components/SelectInput/SelectInput.jsx

@@ -110,7 +110,7 @@ SelectContainer.propTypes = {
 const Option = injectLazyLibs('reactSelect')((props) => {
   const components = props.reactSelect.components;
   return (
-    <div className="select-pill text-primary">
+    <div className="select-pill">
       <components.Option {...props} />
     </div>
   );

theme/ItaliaTheme/Subsites/ItaliaTheme/_search.scss

@@ -0,0 +1,10 @@
+@mixin it-search($subsite-link-color) {
+  .search-results-wrapper {
+    .ordering-widget {
+      .react-select__option--is-focused {
+        border-color: $subsite-link-color !important;
+        box-shadow: 0 0 0 2px $subsite-link-color !important;
+      }
+    }
+  }
+}

theme/ItaliaTheme/Subsites/_mixin.scss

@@ -9,6 +9,7 @@
 @use 'bootstrap-italia/custom/buttons' as bs-buttons;
 @use 'bootstrap-italia/custom/chips' as bs-chips;
 @use 'bootstrap-italia/custom/card' as bs-card;
+@use 'bootstrap-italia/custom/forms' as bs-forms;
 @use 'bootstrap-italia/custom/dropdown' as bs-dropdown;
 @use 'bootstrap-italia/custom/linklist' as bs-linklist;
 @use 'bootstrap-italia/custom/navscroll' as bs-navscroll;
@@ -23,6 +24,7 @@
 @use 'ItaliaTheme/Views/common' as it-views;
 @use 'ItaliaTheme/common' as it-common;
 @use 'ItaliaTheme/cms-ui' as it-cms-ui;
+@use 'ItaliaTheme/search' as it-search;
 @use 'ItaliaTheme/main' as it-main;
 
 @mixin define-subsite(
@@ -81,12 +83,14 @@
         $subsite-secondary-text
       );
       @include bs-card.card($subsite-primary, $subsite-link-color);
+      @include bs-forms.forms($subsite-link-color);
       @include bs-dropdown.dropdown($subsite-link-color);
       @include bs-linklist.linklist($subsite-primary, $subsite-link-color);
       @include bs-navscroll.navscroll($subsite-link-color);
       @include it-footer.footer($subsite-primary, $subsite-primary-text);
       @include it-main.main($subsite-primary, $subsite-primary-text);
       @include it-cms-ui.cms-ui($subsite-primary, $subsite-primary-text);
+      @include it-search.search($subsite-primary-text);
       @include it-card-image-evidence.card($subsite-link-color);
       @include it-complete-link.block(
         $subsite-secondary,
@@ -123,5 +127,8 @@
     .icon-primary {
       fill: $subsite-primary !important;
     }
+    .btn-link {
+      color: $subsite-link-color;
+    }
   }
 }

theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_forms.scss

@@ -0,0 +1,8 @@
+@use '../../all_variables' as *;
+
+@mixin forms($subsite-link-color) {
+  .public-ui .form-check [type='checkbox']:checked + label::after {
+    border-color: $subsite-link-color;
+    background-color: $subsite-link-color;
+  }
+}

theme/extras/_search.scss

@@ -107,6 +107,7 @@ body.search-modal-opened {
     }
 
     .react-select__option--is-focused {
+      color: #fff;
       border-color: var(--focus-outline-color) !important;
       box-shadow: 0 0 0 2px var(--focus-outline-color) !important;
       outline: none !important;