From 740fca00ccabbbccd24e9fd6b17f5a56394cfca1 Mon Sep 17 00:00:00 2001
From: MrPaulBlack <paul.accounts@protonmail.com>
Date: Wed, 6 Oct 2021 20:12:51 +0200
Subject: Redo Color Theme and css cleanup

* remove vars and add elements to base and btn vars
* change default border radius to 10px and padding to 0.7em
* put border radius and padding on search input form, infoxbox and buttons
* remove unused .help class in #categories_container
* remove active background from tabs to straemline design
* redo search form: 10px padding
* 2rem margin on search results on desktop
* fix modal pacement of engine reliability in prefs
* use darker accent colors
* streamline autocomplete with more padding and a hover effect
---
 searx/static/themes/simple/src/less/autocomplete.less | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'searx/static/themes/simple/src/less/autocomplete.less')

diff --git a/searx/static/themes/simple/src/less/autocomplete.less b/searx/static/themes/simple/src/less/autocomplete.less
index 588d67937..4dbb68d46 100644
--- a/searx/static/themes/simple/src/less/autocomplete.less
+++ b/searx/static/themes/simple/src/less/autocomplete.less
@@ -5,11 +5,12 @@
   max-height: 0;
   overflow-y: hidden;
   text-align: left;
+  .rounded-corners;
 
   &:active,
   &:focus,
   &:hover {
-    background-color: var(--color-autocompoleter-background);
+    background-color: var(--color-autocomplete-background);
   }
 
   &:empty {
@@ -23,12 +24,13 @@
 
     > li {
       cursor: pointer;
-      padding: 5px 0 5px 10px;
+      padding: 8px 0 8px 8px;
 
       &.active,
       &:active,
-      &:focus {
-        background-color: var(--color-base);
+      &:focus,
+      &:hover {
+        background-color: var(--color-autocomplete-background-hover);
 
         a:active,
         a:focus,
@@ -45,8 +47,8 @@
 
   &.open {
     display: block;
-    background-color: var(--color-autocompleter-background);
-    border: 1px solid var(--color-base);
+    background-color: var(--color-autocomplete-background);
+    border: 1px solid var(--color-base-border);
     max-height: 500px;
     overflow-y: auto;
     z-index: 100;
@@ -63,7 +65,6 @@
   }
 
   .autocomplete > ul > li {
-    padding: 7px 0 7px 10px;
     border-bottom: 1px solid var(--color-result-top-border);
     text-align: left;
   }
-- 
cgit v1.2.3