Merge pull request #355 from MrPaulBlack/simple-theme-css-vars

[simple theme] dark mode and some css cleanup

1 files changed, 10 insertions, 10 deletions

diff --git a/searx/static/themes/simple/src/less/autocomplete.less b/searx/static/themes/simple/src/less/autocomplete.less
index bfa8e2bc6..0c0ae3f32 100644
--- a/searx/static/themes/simple/src/less/autocomplete.less
+++ b/searx/static/themes/simple/src/less/autocomplete.less
@@ -1,17 +1,16 @@
 /*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
 
-@background_color:  white;
-
 .autocomplete {
   position: absolute;
   max-height: 0;
   overflow-y: hidden;
   text-align: left;
+  .rounded-corners;
 
   &:active,
   &:focus,
   &:hover {
-    background-color: @background_color;
+    background-color: var(--color-autocomplete-background);
   }
 
   &:empty {
@@ -25,12 +24,13 @@
 
     > li {
       cursor: pointer;
-      padding: 5px 0 5px 10px;
+      padding: 8px 0 8px 8px;
 
       &.active,
       &:active,
-      &:focus {
-        background-color: @color-base;
+      &:focus,
+      &:hover {
+        background-color: var(--color-autocomplete-background-hover);
 
         a:active,
         a:focus,
@@ -47,8 +47,9 @@
 
   &.open {
     display: block;
-    background-color: @background_color;
-    border: 1px solid @color-base;
+    background-color: var(--color-autocomplete-background);
+    color: var(--color-autocomplete-font);
+    border: 1px solid var(--color-autocomplete-border);
     max-height: 500px;
     overflow-y: auto;
     z-index: 100;
@@ -65,8 +66,7 @@
   }
 
   .autocomplete > ul > li {
-    padding: 7px 0 7px 10px;
-    border-bottom: 1px solid @color-result-top-border;
+    border-bottom: 1px solid var(--color-result-top-border);
     text-align: left;
   }
 }