From e91e68c206ba4651d30783c461c655f8fde3b47b Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Tue, 17 Sep 2019 00:28:41 -0500
Subject: [PATCH] css: fix autocomplete colors.

---
 app/javascript/src/styles/base/040_colors.css      |  5 +++--
 app/javascript/src/styles/common/autocomplete.scss | 11 ++++++-----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/javascript/src/styles/base/040_colors.css b/app/javascript/src/styles/base/040_colors.css
index 4dd7620c7..e137b0a65 100644
--- a/app/javascript/src/styles/base/040_colors.css
+++ b/app/javascript/src/styles/base/040_colors.css
@@ -70,8 +70,9 @@
 
   --preview-current-post-background: rgba(0, 0, 0, 0.1);
 
-  --autocomplete-background-color: #F0F0F0;
-  --autocomplete-border-color: #C5C5C5;
+  --autocomplete-selected-background-color: var(--subnav-menu-background-color);
+  --autocomplete-border: 1px solid #CCC;
+  --autocomplete-arrow-color: black;
 
   --diff-list-added-color: green;
   --diff-list-removed-color: red;
diff --git a/app/javascript/src/styles/common/autocomplete.scss b/app/javascript/src/styles/common/autocomplete.scss
index 7d0b25a8d..f04d3112a 100644
--- a/app/javascript/src/styles/common/autocomplete.scss
+++ b/app/javascript/src/styles/common/autocomplete.scss
@@ -1,12 +1,13 @@
-.ui-autocomplete {
+.ui-autocomplete.ui-widget {
   font-size: 0.9em;
+  border: var(--autocomplete-border);
 
   .ui-state-active {
     border: none;
     margin: 0 -1px;
-    background-color: var(--autocomplete-background-color);
-    border-left: 1px solid var(--autocomplete-border-color);
-    border-right: 1px solid var(--autocomplete-border-color);
+    background-color: var(--autocomplete-selected-background-color);
+    border-left: var(--autocomplete-border);
+    border-right: var(--autocomplete-border);
   }
 
   .ui-menu-item-wrapper {
@@ -18,6 +19,6 @@
   }
 
   .autocomplete-arrow {
-    color: black;
+    color: var(--autocomplete-arrow-color);
   }
 }