More consistent coloring for autocomplete

css/converse.css

@@ -9149,15 +9149,15 @@ body.reset {
   color: white; }
 #conversejs .suggestion-box > ul > li[aria-selected="true"],
 #conversejs div.awesomplete > ul > li[aria-selected="true"] {
-  background: #3d6d8f;
+  background: #A53214;
   color: white; }
 #conversejs .suggestion-box li:hover mark,
 #conversejs div.awesomplete li:hover mark {
-  background: #A53214;
+  background: #D24E2B;
   color: white; }
 #conversejs .suggestion-box li[aria-selected="true"] mark,
 #conversejs div.awesomplete li[aria-selected="true"] mark {
-  background: #3d6b00;
+  background: #E77051;
   color: inherit; }
 
 #conversejs.converse-fullscreen .suggestion-box__results--above {

sass/_awesomplete.scss

@@ -122,19 +122,19 @@
     
     .suggestion-box > ul > li[aria-selected="true"],
     div.awesomplete > ul > li[aria-selected="true"] {
-        background: hsl(205, 40%, 40%);
+        background: $darkest-red;
         color: white;
     }
     
     .suggestion-box li:hover mark,
     div.awesomplete li:hover mark {
-        background: $darkest-red;
+        background: $dark-red;
         color: $inverse-link-color;
     }
     
     .suggestion-box li[aria-selected="true"] mark,
     div.awesomplete li[aria-selected="true"] mark {
-        background: hsl(86, 100%, 21%);
+        background: $red;
         color: inherit;
     }
 }