From ea0bc60ba5b7942280bda045b399a60006af62f9 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Thu, 4 Apr 2019 11:22:10 +0200
Subject: [PATCH] Make chosen and taglist hover colors consistent with new
 color code

---
 pixelegg/css/mobile.css          | 11 +++++++++++
 pixelegg/css/monochrome.css      | 11 +++++++++++
 pixelegg/css/pixelegg.css        | 11 +++++++++++
 pixelegg/less/layout_chosen.less |  9 +++++++--
 pixelegg/less/magicsuggest.css   |  4 ++++
 pixelegg/less/magicsuggest.less  |  5 ++++-
 pixelegg/mobile/fw_mobile.css    | 11 +++++++++++
 7 files changed, 59 insertions(+), 3 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 64a6d0d2a4..d13d639bc2 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -1559,6 +1559,10 @@ div#ui-datepicker-div {
   /* It doesn't really work smaller than this */
   border: solid 1px #e6e6e6;
 }
+.ms-ctn .ms-res-item-active,
+.ms-res-ctn .ms-res-item-active {
+  background-color: rgba(153, 204, 255, 0.4);
+}
 .ms-ctn .ms-trigger {
   border-left: none;
 }
@@ -2542,6 +2546,13 @@ button[id="add"] {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
+.chzn-container .chzn-results li {
+  color: #1E1E1E;
+}
+.chzn-container .chzn-results li.highlighted {
+  background: rgba(153, 204, 255, 0.4);
+  color: #000000;
+}
 /* @end */
 /* @group Multi Chosen */
 /* @end */
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index 14740d4af5..0625626c9c 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -1548,6 +1548,10 @@ div#ui-datepicker-div {
   /* It doesn't really work smaller than this */
   border: solid 1px #e6e6e6;
 }
+.ms-ctn .ms-res-item-active,
+.ms-res-ctn .ms-res-item-active {
+  background-color: rgba(153, 204, 255, 0.4);
+}
 .ms-ctn .ms-trigger {
   border-left: none;
 }
@@ -2531,6 +2535,13 @@ button[id="add"] {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
+.chzn-container .chzn-results li {
+  color: #1E1E1E;
+}
+.chzn-container .chzn-results li.highlighted {
+  background: rgba(153, 204, 255, 0.4);
+  color: #000000;
+}
 /* @end */
 /* @group Multi Chosen */
 /* @end */
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 66e7dc590b..ced099e4d7 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -1559,6 +1559,10 @@ div#ui-datepicker-div {
   /* It doesn't really work smaller than this */
   border: solid 1px #e6e6e6;
 }
+.ms-ctn .ms-res-item-active,
+.ms-res-ctn .ms-res-item-active {
+  background-color: rgba(153, 204, 255, 0.4);
+}
 .ms-ctn .ms-trigger {
   border-left: none;
 }
@@ -2542,6 +2546,13 @@ button[id="add"] {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
+.chzn-container .chzn-results li {
+  color: #1E1E1E;
+}
+.chzn-container .chzn-results li.highlighted {
+  background: rgba(153, 204, 255, 0.4);
+  color: #000000;
+}
 /* @end */
 /* @group Multi Chosen */
 /* @end */
diff --git a/pixelegg/less/layout_chosen.less b/pixelegg/less/layout_chosen.less
index 837ec91dd5..b308a31733 100755
--- a/pixelegg/less/layout_chosen.less
+++ b/pixelegg/less/layout_chosen.less
@@ -57,10 +57,15 @@
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
-.chzn-container .chzn-results li {}
+.chzn-container .chzn-results li {
+	color: @gray_90;
+}
 .chzn-container .chzn-results li.active-result {}
 .chzn-container .chzn-results li.disabled-result {}
-.chzn-container .chzn-results li.highlighted {}
+.chzn-container .chzn-results li.highlighted {
+	background: @color_hover_row;
+	color: @gray_100;
+}
 .chzn-container .chzn-results li.no-results {}
 .chzn-container .chzn-results li.group-result {}
 .chzn-container .chzn-results li.group-option {}
diff --git a/pixelegg/less/magicsuggest.css b/pixelegg/less/magicsuggest.css
index e8a9727b28..7ce8621396 100644
--- a/pixelegg/less/magicsuggest.css
+++ b/pixelegg/less/magicsuggest.css
@@ -16,6 +16,10 @@
   /* It doesn't really work smaller than this */
   border: solid 1px #e6e6e6;
 }
+.ms-ctn .ms-res-item-active,
+.ms-res-ctn .ms-res-item-active {
+  background-color: rgba(153, 204, 255, 0.4);
+}
 .ms-ctn .ms-trigger {
   border-left: none;
 }
diff --git a/pixelegg/less/magicsuggest.less b/pixelegg/less/magicsuggest.less
index 1ab6f2ba96..9d928720ac 100644
--- a/pixelegg/less/magicsuggest.less
+++ b/pixelegg/less/magicsuggest.less
@@ -19,5 +19,8 @@
 .ms-res-ctn {
   /* It doesn't really work smaller than this */
   border: solid 1px #e6e6e6;
+  .ms-res-item-active {
+	  background-color: @color_hover_row;
+  }
 }
-.ms-ctn .ms-trigger {border-left:none;}
\ No newline at end of file
+.ms-ctn .ms-trigger {border-left:none;}
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 2c69205476..3171bbd218 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -1570,6 +1570,10 @@ div#ui-datepicker-div {
   /* It doesn't really work smaller than this */
   border: solid 1px #e6e6e6;
 }
+.ms-ctn .ms-res-item-active,
+.ms-res-ctn .ms-res-item-active {
+  background-color: rgba(153, 204, 255, 0.4);
+}
 .ms-ctn .ms-trigger {
   border-left: none;
 }
@@ -2553,6 +2557,13 @@ button[id="add"] {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
+.chzn-container .chzn-results li {
+  color: #1E1E1E;
+}
+.chzn-container .chzn-results li.highlighted {
+  background: rgba(153, 204, 255, 0.4);
+  color: #000000;
+}
 /* @end */
 /* @group Multi Chosen */
 /* @end */