From 7fbbf1088a276e2cb0010f40e930422c08a6f607 Mon Sep 17 00:00:00 2001
From: Stephen Abello <stephen.abello@combodo.com>
Date: Fri, 19 Nov 2021 12:21:58 +0100
Subject: [PATCH] =?UTF-8?q?N=C2=B04460=20Fix=20SCSS=20variable=20usage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/backoffice/components/_search-form.scss        | 10 +++++++---
 css/backoffice/components/input/_input-select.scss |  6 ++++--
 css/backoffice/vendors/_jquery-blockui.scss        |  6 +++---
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/css/backoffice/components/_search-form.scss b/css/backoffice/components/_search-form.scss
index 8e2235b0c..adce5d399 100644
--- a/css/backoffice/components/_search-form.scss
+++ b/css/backoffice/components/_search-form.scss
@@ -20,6 +20,10 @@ $ibo-search-form-panel--more-criteria--background-color: $ibo-color-white-100 !d
 $ibo-search-form-panel--more-criteria--icon--color: $ibo-color-primary-600 !default;
 $ibo-search-form-panel--more-criteria--border-color: $ibo-search-form-panel--criteria--border-color !default;
 
+$ibo-search-form-panel--items--hover--color: $ibo-color-grey-200 !default;
+
+$ibo-search-form-panel--multiple-choice--hover--color: $ibo-color-grey-200 !default;
+
 $ibo-search-form-panel--misc-button--background-color: $ibo-search-form-panel--more-criteria--background-color !default;
 $ibo-search-form-panel--misc-button--icon--color: $ibo-search-form-panel--more-criteria--icon--color !default;
 
@@ -425,7 +429,7 @@ $ibo-search-results-area--datatable-scrollhead--border--is-sticking: $ibo-search
 											padding: 4px 8px; /* Putting back the padding remove by .sfc_opc_mc_items */
 
 											&:hover {
-												background-color: $ibo-color-grey-200;
+												background-color: $ibo-search-form-panel--multiple-choice--hover--color;
 											}
 
 											label {
@@ -689,7 +693,7 @@ $ibo-search-results-area--datatable-scrollhead--border--is-sticking: $ibo-search
 					.sfl_items {
 						> li {
 							&:hover {
-								background-color: $ibo-color-grey-200;
+								background-color: $ibo-search-form-panel--items--hover--color;
 							}
 						}
 					}
@@ -748,7 +752,7 @@ $ibo-search-results-area--datatable-scrollhead--border--is-sticking: $ibo-search
 				white-space: nowrap;
 
 				&:hover {
-					background-color: $ibo-color-white-100;
+					background-color: $ibo-search-form-panel--items--hover--color;
 				}
 
 				&.sfl_i_placeholder {
diff --git a/css/backoffice/components/input/_input-select.scss b/css/backoffice/components/input/_input-select.scss
index 9971daa5c..10e9ac81e 100644
--- a/css/backoffice/components/input/_input-select.scss
+++ b/css/backoffice/components/input/_input-select.scss
@@ -15,6 +15,8 @@ $ibo-input-select-selectize--value--height: 100% !default;
 $ibo-input-select-selectize--value--line-height: $ibo-input--height !default;
 $ibo-input-select-selectize--dropdown--max-height: 50vh !default;
 $ibo-input-select-selectize--dropdown--max-width: 50em !default;
+$ibo-input-select-selectize--item--active--text-color: $ibo-color-grey-800 !default;
+$ibo-input-select-selectize--item--active--background-color: $ibo-color-blue-100 !default;
 
 $ibo-input-select-wrapper--width: 100% !default;
 
@@ -189,8 +191,8 @@ $ibo-input-select--autocomplete-item-image--border: 1px solid $ibo-color-grey-60
 
 .selectize-dropdown.ui-menu .ui-state-active {
   margin: unset;
-  background-color: #f5fafd;
-  color: #495c68;
+  background-color: $ibo-input-select-selectize--item--active--background-color;
+  color: $ibo-input-select-selectize--item--active--text-color;
 }
 
 .ibo-input-select--autocomplete-item {
diff --git a/css/backoffice/vendors/_jquery-blockui.scss b/css/backoffice/vendors/_jquery-blockui.scss
index d240ac30e..322789c80 100644
--- a/css/backoffice/vendors/_jquery-blockui.scss
+++ b/css/backoffice/vendors/_jquery-blockui.scss
@@ -4,15 +4,15 @@
  */
 
 $ibo-vendors-blockui--blockoverlay--background-color: $ibo-color-white-200 !default;
-$ibo-vendors-blockui--blockomsg--color: $ibo-color-grey-700 !default;
+$ibo-vendors-blockui--blockmsg--color: $ibo-color-grey-700 !default;
 
 .blockUI.blockOverlay{
-  background-color: $ibo-color-white-200;
+  background-color: $ibo-vendors-blockui--blockoverlay--background-color;
 }
 .blockUI.blockMsg{
   font-size: 6em;
   text-align: center;
-  color: $ibo-color-grey-700;
+  color: $ibo-vendors-blockui--blockmsg--color;
   border: none;
   background-color: transparent;
 }
\ No newline at end of file