From 452b26638756e8412566bc320959402f6016565f Mon Sep 17 00:00:00 2001
From: MrPaulBlack <paul.accounts@protonmail.com>
Date: Tue, 28 Sep 2021 22:41:56 +0200
Subject: [PATCH 1/7] [theme] convert less vars to css vars in simple theme

---
 .../themes/simple/src/less/autocomplete.less  |  12 +-
 .../themes/simple/src/less/definitions.less   | 224 ++++++++----------
 .../themes/simple/src/less/preferences.less   |   6 +-
 .../static/themes/simple/src/less/search.less |  30 +--
 .../static/themes/simple/src/less/style.less  |  60 ++---
 .../themes/simple/src/less/toolkit.less       |  46 ++--
 6 files changed, 180 insertions(+), 198 deletions(-)

diff --git a/searx/static/themes/simple/src/less/autocomplete.less b/searx/static/themes/simple/src/less/autocomplete.less
index bfa8e2bc6..0df6fa550 100644
--- a/searx/static/themes/simple/src/less/autocomplete.less
+++ b/searx/static/themes/simple/src/less/autocomplete.less
@@ -1,7 +1,5 @@
 /*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
 
-@background_color:  white;
-
 .autocomplete {
   position: absolute;
   max-height: 0;
@@ -11,7 +9,7 @@
   &:active,
   &:focus,
   &:hover {
-    background-color: @background_color;
+    background-color: var(--background_color);
   }
 
   &:empty {
@@ -30,7 +28,7 @@
       &.active,
       &:active,
       &:focus {
-        background-color: @color-base;
+        background-color: var(--color-base);
 
         a:active,
         a:focus,
@@ -47,8 +45,8 @@
 
   &.open {
     display: block;
-    background-color: @background_color;
-    border: 1px solid @color-base;
+    background-color: var(--background_color);
+    border: 1px solid var(--color-base);
     max-height: 500px;
     overflow-y: auto;
     z-index: 100;
@@ -66,7 +64,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;
   }
 }
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index a3d0de200..4d3d652dc 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -4,140 +4,124 @@
  * To change the colors of the site, simple edit this variables
  */
 
-/// Basic Colors
+html {
+  /// Basic Colors
+  --color-base: #3498db;
+  --color-base-dark: #084999;
+  --color-base-light: #ecf0f1;
+  --color-highlight: #094089;
+  --color-black: #000;
 
-@color-base: #3498DB;
-@color-base-dark: #084999;
-@color-base-light: #ECF0F1;
-@color-highlight: #094089;
-@color-black: #000000;
+  /// From autocomplete.less
+  --background_color: white;
 
-///
-@color-error: #db3434;
-@color-error-background: lighten(@color-error, 40%);
+  /// Modal Colors
+  --color-error: #db3434;
+  --color-error-background: lighten(#db3434, 40%);
+  --color-warning: #dbba34;
+  --color-warning-background: lighten(#dbba34, 40%);
+  --color-success: #42db34;
+  --color-success-background: lighten(#42db34, 40%);
 
-@color-warning: #dbba34;
-@color-warning-background: lighten(@color-warning, 40%);
+  /// General Colors
+  --color-font: #444;
+  --color-font-light: #888;
+  --color-red: #25a55b;
+  --color-url-font: #29314d;
+  --color-url-visited-font: #684898;
 
-@color-success: #42db34;
-@color-success-background: lighten(@color-success, 40%);
+  /// Link Colors
+  --color-a-font: var(--color-base);
+  --color-a-font-hover: var(--color-base);
 
-/// General
+  /// Header
+  --color-header-background: #f7f7f7;
+  --color-header-border: #d7d7d7;
 
-@color-font: #444;
-@color-font-light: #888;
+  /// Footer
+  --color-footer-background: #f7f7f7;
+  --color-footer-border: #d7d7d7;
 
-@color-red: #25a55b;
+  /// Search-Input
+  --color-search-border: var(--color-base);
+  --color-search-background: #fff;
+  --color-search-font: #222;
 
-@color-url-font: #29314d;
-@color-url-visited-font: #684898;
+  /// Autocompleter
+  --color-autocompleter-choices-background: #fff;
+  --color-autocompleter-choices-border: var(--color-base);
+  --color-autocompleter-choices-border-left-right: var(--color-base);
+  --color-autocompleter-choices-border-bottom: var(--color-base);
+  --color-autocompleter-choices-font: #444;
+
+  /// Answers
+  --color-answers-border: var(--color-base-dark);
+
+  // Selected
+  --color-autocompleter-selected-background: #444;
+  --color-autocompleter-selected-font: #fff;
+  --color-autocompleter-selected-queried-font: #9fcfff;
+
+  /// Categories
+  --color-categories-item-selected: var(--color-base);
+  --color-categories-item-selected-font: #fff;
+  --color-categories-item-border-selected: var(--color-base-dark);
+  --color-categories-item-border-unselected: #e8e7e6;
+  --color-categories-item-border-unselected-hover: var(--color-base);
+
+  /// Results
+  --color-suggestions-button-background: var(--color-base);
+  --color-suggestions-button-font: #fff;
+  --color-download-button-background: var(--color-base);
+  --color-download-button-font: #fff;
+  --color-result-search-background: var(--color-base-light);
+  --color-result-definition-border: gray;
+  --color-result-torrent-border: lightgray;
+  --color-result-top-border: #e8e7e6;
+
+  // Link to result
+  --color-result-link-font: var(--color-base-dark);
+  --color-result-link-visited-font: var(--color-url-visited-font);
+
+  // Url to result
+  --color-result-url-font: var(--color-red);
+
+  // Publish Date
+  --color-result-publishdate-font: var(--color-font-light);
+
+  // Images
+  --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
+  --color-result-image-span-font: #fff;
+
+  // Search-URL
+  --color-result-search-url-border: #888;
+  --color-result-search-url-font: #444;
+
+  /// Settings
+  --color-settings-fieldset: var(--color-base);
+  --color-settings-table-striped: #dbdbdb;
+  --color-settings-tr-hover: #ececec;
+
+  // Labels
+  --color-settings-label-allowed-background: #e74c3c;
+  --color-settings-label-allowed-font: #fff;
+  --color-settings-label-deny-background: #2eee71;
+  --color-settings-label-deny-font: var(--color-font);
+  --color-settings-return-background: var(--color-base);
+  --color-settings-return-font: #fff;
+
+  /// Other
+  --color-engines-font: var(--color-font-light);
+  --color-percentage-div-background: #444;
+}
+
+/// General Size
 @results-width: 45rem;
 @results-offset: 10rem;
 @results-tablet-offset: 0.5rem;
 @results-gap: 5rem;
 @search-width: 40rem;
 
-//
-@color-a-font: @color-base;
-@color-a-font-hover: @color-base;
-
-/// Start-Screen
-
-/// Header
-
-@color-header-background: #f7f7f7;
-@color-header-border: #d7d7d7;
-
-/// Footer
-
-@color-footer-background: #f7f7f7;
-@color-footer-border: #d7d7d7;
-
-/// Search-Input
-
-@color-search-border: @color-base;
-@color-search-background: #FFF;
-@color-search-font: #222;
-
-/// Autocompleter
-
-@color-autocompleter-choices-background: #FFF;
-@color-autocompleter-choices-border: @color-base;
-@color-autocompleter-choices-border-left-right: @color-base;
-@color-autocompleter-choices-border-bottom: @color-base;
-
-@color-autocompleter-choices-font: #444;
-
-/// Answers
-@color-answers-border: @color-base-dark;
-
-// Selected
-@color-autocompleter-selected-background: #444;
-@color-autocompleter-selected-font: #FFF;
-@color-autocompleter-selected-queried-font: #9FCFFF;
-
-/// Categories
-
-@color-categories-item-selected: @color-base;
-@color-categories-item-selected-font: #FFF;
-
-@color-categories-item-border-selected: @color-base-dark;
-@color-categories-item-border-unselected: #E8E7E6;
-@color-categories-item-border-unselected-hover: @color-base;
-
-/// Results
-
-@color-suggestions-button-background: @color-base;
-@color-suggestions-button-font: #FFF;
-
-@color-download-button-background: @color-base;
-@color-download-button-font: #FFF;
-
-@color-result-search-background: @color-base-light;
-
-@color-result-definition-border: gray;
-@color-result-torrent-border: lightgray;
-@color-result-top-border: #E8E7E6;
-
-// Link to result
-@color-result-link-font: @color-base-dark;
-@color-result-link-visited-font: @color-url-visited-font;
-
-// Url to result
-@color-result-url-font: @color-red;
-
-// Publish Date
-@color-result-publishdate-font: @color-font-light;
-
-// Images
-@color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
-@color-result-image-span-font: #FFF;
-
-// Search-URL
-@color-result-search-url-border: #888;
-@color-result-search-url-font: #444;
-
-/// Settings
-
-@color-settings-fieldset: @color-base;
-@color-settings-table-striped: #dbdbdb;
-@color-settings-tr-hover: #ececec;
-
-// Labels
-@color-settings-label-allowed-background: #E74C3C;
-@color-settings-label-allowed-font: #FFF;
-
-@color-settings-label-deny-background: #2ECC71;
-@color-settings-label-deny-font: @color-font;
-
-@color-settings-return-background: @color-base;
-@color-settings-return-font: #FFF;
-
-/// Other
-
-@color-engines-font: @color-font-light;
-@color-percentage-div-background: #444;
-
 /// Load fonts from this directory.
 @icon-font-path:          "../../../fonts/";
 //** File name for all font files.
diff --git a/searx/static/themes/simple/src/less/preferences.less b/searx/static/themes/simple/src/less/preferences.less
index 3bb04ed6f..c7ba9f979 100644
--- a/searx/static/themes/simple/src/less/preferences.less
+++ b/searx/static/themes/simple/src/less/preferences.less
@@ -73,7 +73,7 @@
 
     & > tbody > tr:nth-child(even) > th,
     & > tbody > tr:nth-child(even) > td {
-      background-color: @color-settings-tr-hover;
+      background-color: var(--color-settings-tr-hover);
     }
   }
 
@@ -83,7 +83,7 @@
   }
 
   .preferences_back {
-    background: none repeat scroll 0 0 @color-settings-return-background;
+    background: none repeat scroll 0 0 var(--color-settings-return-background);
     color: white;
     border: 0 none;
     .rounded-corners;
@@ -95,7 +95,7 @@
 
     a {
       display: block;
-      color: @color-settings-return-font;
+      color: var(--color-settings-return-font);
     }
 
     a::first-letter {
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less
index d10efac24..04a1bef30 100644
--- a/searx/static/themes/simple/src/less/search.less
+++ b/searx/static/themes/simple/src/less/search.less
@@ -5,8 +5,8 @@
 #search {
   padding: 0 2em 0 @results-offset;
   margin: 0;
-  background: @color-header-background;
-  border-bottom: 1px solid @color-header-border;
+  background: var(--color-header-background);
+  border-bottom: 1px solid var(--color-header-border);
 }
 
 #search_wrapper {
@@ -34,19 +34,19 @@
   margin: 0;
   padding: 2px;
   height: 2.2em;
-  background: none repeat scroll 0 0 @color-search-background;
-  border-top: 1px solid @color-search-border;
-  border-bottom: 1px solid @color-search-border;
+  background: none repeat scroll 0 0 var(--color-search-background);
+  border-top: 1px solid var(--color-search-border);
+  border-bottom: 1px solid var(--color-search-border);
   border-right: none;
   border-left: none;
   border-radius: 0;
   outline: none;
-  color: @color-search-font;
+  color: var(--color-search-font);
   font-size: 16px;
   z-index: 10000;
 
   &:hover {
-    color: @color-search-border;
+    color: var(--color-search-border);
   }
 
   &.empty * {
@@ -62,11 +62,11 @@
   margin: 0;
   padding: 2px;
   height: 2.2em;
-  background: none repeat scroll 0 0 @color-search-background;
-  border: 1px solid @color-search-border;
+  background: none repeat scroll 0 0 var(--color-search-background);
+  border: 1px solid var(--color-search-border);
   border-radius: 0;
   outline: none;
-  color: @color-search-font;
+  color: var(--color-search-font);
   font-size: 16px;
   z-index: 2;
 }
@@ -90,8 +90,8 @@
 
   &:hover {
     cursor: pointer;
-    background-color: @color-search-border;
-    color: @color-base-light;
+    background-color: var(--color-search-border);
+    color: var(--color-base-light);
   }
 }
 
@@ -233,9 +233,9 @@
   } */
 
   input[type="checkbox"]:checked + label {
-    background: @color-categories-item-selected;
-    color: @color-categories-item-selected-font;
-    border-bottom: 2px solid @color-categories-item-border-selected;
+    background: var(--color-categories-item-selected);
+    color: var(--color-categories-item-selected-font);
+    border-bottom: 2px solid var(--color-categories-item-border-selected);
   }
 }
 
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index d010b9026..920d23c23 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -41,7 +41,7 @@ html {
   font-size: 0.9em;
   .text-size-adjust;
 
-  color: @color-font;
+  color: var(--color-font);
   padding: 0;
   margin: 0;
 }
@@ -78,8 +78,8 @@ footer {
   padding: 1rem 0;
   width: 100%;
   text-align: center;
-  background-color: @color-footer-background;
-  border-top: 1px solid @color-footer-border;
+  background-color: var(--color-footer-background);
+  border-top: 1px solid var(--color-footer-border);
   overflow: hidden;
 
   p {
@@ -103,8 +103,8 @@ input[type="submit"],
 #results button[type="submit"] {
   padding: 0.5rem;
   display: inline-block;
-  background: @color-download-button-background;
-  color: @color-download-button-font;
+  background: var(--color-download-button-background);
+  color: var(--color-download-button-font);
   .rounded-corners;
 
   border: 0;
@@ -113,13 +113,13 @@ input[type="submit"],
 
 a {
   text-decoration: none;
-  color: @color-url-font;
+  color: var(--color-url-font);
 
   &:visited {
-    color: @color-url-visited-font;
+    color: var(--color-url-visited-font);
 
     .highlight {
-      color: @color-url-visited-font;
+      color: var(--color-url-visited-font);
     }
   }
 }
@@ -134,11 +134,11 @@ article[data-vim-selected]::before {
   padding: 2px;
   content: ">";
   font-weight: bold;
-  color: @color-base;
+  color: var(--color-base);
 }
 
 article.result-images[data-vim-selected] {
-  background: @color-base;
+  background: var(--color-base);
 }
 
 article.result-images[data-vim-selected]::before {
@@ -158,12 +158,12 @@ article.result-images[data-vim-selected]::before {
     margin-bottom: 0;
 
     a {
-      color: @color-result-link-font;
+      color: var(--color-result-link-font);
       font-weight: normal;
       font-size: 1.1em;
 
       &:visited {
-        color: @color-result-link-visited-font;
+        color: var(--color-result-link-visited-font);
       }
 
       &:focus,
@@ -193,7 +193,7 @@ article.result-images[data-vim-selected]::before {
     line-height: 1.24;
 
     .highlight {
-      color: @color-black;
+      color: var(--color-black);
       background: inherit;
       font-weight: bold;
     }
@@ -213,12 +213,12 @@ article.result-images[data-vim-selected]::before {
     padding: 0;
     max-width: 54em;
     word-wrap: break-word;
-    color: @color-result-url-font;
+    color: var(--color-result-url-font);
   }
 
   .published_date {
     font-size: 0.8em;
-    color: @color-result-publishdate-font;
+    color: var(--color-result-publishdate-font);
   }
 
   img {
@@ -228,7 +228,7 @@ article.result-images[data-vim-selected]::before {
       width: 20em;
       min-width: 20em;
       min-height: 8em;
-      // background: @color-base-light;
+      // background: var(--color-base-light);
     }
 
     &.image {
@@ -259,7 +259,7 @@ article.result-images[data-vim-selected]::before {
 
 .engines {
   float: right;
-  color: @color-engines-font;
+  color: var(--color-engines-font);
 
   span {
     font-size: smaller;
@@ -272,7 +272,7 @@ article.result-images[data-vim-selected]::before {
 }
 
 .highlight {
-  color: @color-highlight;
+  color: var(--color-highlight);
   background: inherit;
   font-weight: bold;
 }
@@ -290,12 +290,12 @@ article.result-images[data-vim-selected]::before {
     padding: 0;
     border: none;
     max-height: 200px;
-    background: @color-base-dark;
+    background: var(--color-base-dark);
   }
 
   span a {
     display: none;
-    color: @color-result-image-span-font;
+    color: var(--color-result-image-span-font);
   }
 
   &:hover span a {
@@ -305,7 +305,7 @@ article.result-images[data-vim-selected]::before {
     right: 0;
     padding: 4px;
     margin: 0 0 4px 4px;
-    background-color: @color-result-image-span-background-hover;
+    background-color: var(--color-result-image-span-background-hover);
     font-size: 0.7em;
   }
 }
@@ -342,7 +342,7 @@ article.result-images[data-vim-selected]::before {
 }
 
 .torrent_result {
-  border-left: 10px solid @color-result-torrent-border;
+  border-left: 10px solid var(--color-result-torrent-border);
   padding-left: 3px;
 
   p {
@@ -351,14 +351,14 @@ article.result-images[data-vim-selected]::before {
   }
 
   a {
-    color: @color-result-link-font;
+    color: var(--color-result-link-font);
 
     &:hover {
       text-decoration: underline;
     }
 
     &:visited {
-      color: @color-result-link-visited-font;
+      color: var(--color-result-link-visited-font);
     }
   }
 }
@@ -410,13 +410,13 @@ article.result-images[data-vim-selected]::before {
     font-size: 0.9em;
     display: inline-block;
     background: transparent;
-    color: @color-result-search-url-font;
+    color: var(--color-result-search-url-font);
     cursor: pointer;
   }
 
   input[type="submit"],
   .infobox .url a {
-    color: @color-result-link-font;
+    color: var(--color-result-link-font);
     text-decoration: none;
     font-size: 0.9rem;
 
@@ -447,7 +447,7 @@ article.result-images[data-vim-selected]::before {
 #search_url .title,
 #apis .title {
   margin: 2em 0 0.5em 0;
-  color: @color-font;
+  color: var(--color-font);
 }
 
 #answers {
@@ -547,13 +547,13 @@ article.result-images[data-vim-selected]::before {
   border: 0;
   display: block;
   font-size: 1.2em;
-  color: @color-search-font;
+  color: var(--color-search-font);
 
   a:link *,
   a:hover *,
   a:visited *,
   a:active * {
-    color: @color-search-font;
+    color: var(--color-search-font);
   }
 }
 
@@ -633,7 +633,7 @@ article.result-images[data-vim-selected]::before {
   }
 
   .result {
-    border-bottom: 1px solid @color-result-top-border;
+    border-bottom: 1px solid var(--color-result-top-border);
     margin: 0;
     padding-top: 8px;
     padding-bottom: 6px;
diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less
index e9e88e7e0..15f89e1bd 100644
--- a/searx/static/themes/simple/src/less/toolkit.less
+++ b/searx/static/themes/simple/src/less/toolkit.less
@@ -36,15 +36,15 @@ html.js .show_if_nojs {
 }
 
 .danger {
-  background-color: @color-error-background;
+  background-color: var(--color-error-background);
 }
 
 .warning {
-  background: @color-warning-background;
+  background: var(--color-warning-background);
 }
 
 .success {
-  background: @color-success-background;
+  background: var(--color-success-background);
 }
 
 .badge {
@@ -74,7 +74,7 @@ table {
 
   &.striped {
     tr {
-      border-bottom: 1px solid @color-settings-tr-hover;
+      border-bottom: 1px solid var(--color-settings-tr-hover);
     }
   }
 }
@@ -89,7 +89,7 @@ td {
 
 tr {
   &:hover {
-    background: @color-settings-tr-hover;
+    background: var(--color-settings-tr-hover);
   }
 }
 
@@ -104,9 +104,9 @@ tr {
 
 div.selectable_url {
   display: block;
-  border: 1px solid @color-result-search-url-border;
+  border: 1px solid var(--color-result-search-url-border);
   padding: 4px;
-  color: @color-result-search-url-font;
+  color: var(--color-result-search-url-font);
   margin: 0.1em;
   overflow: hidden;
   height: 1.2em;
@@ -173,18 +173,18 @@ div.selectable_url {
 .dialog-error {
   .dialog();
 
-  color: @color-error;
-  background: @color-error-background;
-  border-color: @color-error;
+  color: var(--color-error);
+  background: var(--color-error-background);
+  border-color: var(--color-error);
   .ion-error();
 }
 
 .dialog-warning {
   .dialog();
 
-  color: @color-warning;
-  background: @color-warning-background;
-  border-color: @color-warning;
+  color: var(--color-warning);
+  background: var(--color-warning-background);
+  border-color: var(--color-warning);
   .ion-warning();
 }
 
@@ -253,7 +253,7 @@ div.selectable_url {
   }
 
   & > label:hover {
-    border-bottom: 2px solid @color-categories-item-border-selected;
+    border-bottom: 2px solid var(--color-categories-item-border-selected);
   }
 
   & > section {
@@ -266,9 +266,9 @@ div.selectable_url {
 
   // default selection
   & > label:last-of-type {
-    border-bottom: 2px solid @color-categories-item-border-selected;
-    background: @color-categories-item-selected;
-    color: @color-categories-item-selected-font;
+    border-bottom: 2px solid var(--color-categories-item-border-selected);
+    background: var(--color-categories-item-selected);
+    color: var(--color-categories-item-selected-font);
     font-weight: bold;
     letter-spacing: -0.1px;
   }
@@ -291,14 +291,14 @@ html body .tabs > input:checked {
     color: inherit;
 
     &:hover {
-      border-bottom: 2px solid @color-categories-item-border-selected;
+      border-bottom: 2px solid var(--color-categories-item-border-selected);
     }
   }
 
   + label {
-    border-bottom: 2px solid @color-categories-item-border-selected;
-    background: @color-categories-item-selected;
-    color: @color-categories-item-selected-font;
+    border-bottom: 2px solid var(--color-categories-item-border-selected);
+    background: var(--color-categories-item-selected);
+    color: var(--color-categories-item-selected-font);
   }
 
   + label + section {
@@ -311,7 +311,7 @@ select {
   height: 28px;
   margin: 0 1em 0 0;
   padding: 2px 8px 2px 0 !important;
-  color: @color-search-font;
+  color: var(--color-search-font);
   font-size: 12px;
   z-index: 2;
 
@@ -336,7 +336,7 @@ select {
 
     &:hover,
     &:focus {
-      border-bottom: 1px solid @color-search-border;
+      border-bottom: 1px solid var(--color-search-border);
     }
   }
 }

From 7c2a518d120ec02c4cead76faa1ba5fcec205373 Mon Sep 17 00:00:00 2001
From: MrPaulBlack <paul.accounts@protonmail.com>
Date: Thu, 30 Sep 2021 18:12:42 +0200
Subject: [PATCH 2/7] [theme] replace all hardcoded colors by css vars and drop
 ununsed vars

---
 .../themes/simple/src/less/autocomplete.less  |  4 +-
 .../themes/simple/src/less/definitions.less   | 71 +++++++++----------
 .../themes/simple/src/less/preferences.less   |  4 +-
 .../static/themes/simple/src/less/search.less | 10 +--
 .../static/themes/simple/src/less/style.less  | 18 +++--
 .../themes/simple/src/less/toolkit.less       | 48 ++++++-------
 6 files changed, 74 insertions(+), 81 deletions(-)

diff --git a/searx/static/themes/simple/src/less/autocomplete.less b/searx/static/themes/simple/src/less/autocomplete.less
index 0df6fa550..588d67937 100644
--- a/searx/static/themes/simple/src/less/autocomplete.less
+++ b/searx/static/themes/simple/src/less/autocomplete.less
@@ -9,7 +9,7 @@
   &:active,
   &:focus,
   &:hover {
-    background-color: var(--background_color);
+    background-color: var(--color-autocompoleter-background);
   }
 
   &:empty {
@@ -45,7 +45,7 @@
 
   &.open {
     display: block;
-    background-color: var(--background_color);
+    background-color: var(--color-autocompleter-background);
     border: 1px solid var(--color-base);
     max-height: 500px;
     overflow-y: auto;
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index 4d3d652dc..de24b93e3 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -11,9 +11,8 @@ html {
   --color-base-light: #ecf0f1;
   --color-highlight: #094089;
   --color-black: #000;
-
-  /// From autocomplete.less
-  --background_color: white;
+  --color-base-border: #d7d7d7;
+  --color-base-shadow: #ccc;
 
   /// Modal Colors
   --color-error: #db3434;
@@ -26,65 +25,43 @@ html {
   /// General Colors
   --color-font: #444;
   --color-font-light: #888;
-  --color-red: #25a55b;
   --color-url-font: #29314d;
   --color-url-visited-font: #684898;
 
-  /// Link Colors
-  --color-a-font: var(--color-base);
-  --color-a-font-hover: var(--color-base);
-
   /// Header
   --color-header-background: #f7f7f7;
-  --color-header-border: #d7d7d7;
 
   /// Footer
   --color-footer-background: #f7f7f7;
-  --color-footer-border: #d7d7d7;
 
   /// Search-Input
   --color-search-border: var(--color-base);
   --color-search-background: #fff;
   --color-search-font: #222;
+  --color-search-help: white;
 
   /// Autocompleter
-  --color-autocompleter-choices-background: #fff;
-  --color-autocompleter-choices-border: var(--color-base);
-  --color-autocompleter-choices-border-left-right: var(--color-base);
-  --color-autocompleter-choices-border-bottom: var(--color-base);
-  --color-autocompleter-choices-font: #444;
-
-  /// Answers
-  --color-answers-border: var(--color-base-dark);
-
-  // Selected
-  --color-autocompleter-selected-background: #444;
-  --color-autocompleter-selected-font: #fff;
-  --color-autocompleter-selected-queried-font: #9fcfff;
+  --color-autocompleter-background: white;
 
   /// Categories
   --color-categories-item-selected: var(--color-base);
   --color-categories-item-selected-font: #fff;
   --color-categories-item-border-selected: var(--color-base-dark);
   --color-categories-item-border-unselected: #e8e7e6;
-  --color-categories-item-border-unselected-hover: var(--color-base);
 
   /// Results
-  --color-suggestions-button-background: var(--color-base);
-  --color-suggestions-button-font: #fff;
   --color-download-button-background: var(--color-base);
   --color-download-button-font: #fff;
-  --color-result-search-background: var(--color-base-light);
-  --color-result-definition-border: gray;
   --color-result-torrent-border: lightgray;
   --color-result-top-border: #e8e7e6;
+  --color-result-vim-selected: #f7f7f7;
 
   // Link to result
   --color-result-link-font: var(--color-base-dark);
   --color-result-link-visited-font: var(--color-url-visited-font);
 
   // Url to result
-  --color-result-url-font: var(--color-red);
+  --color-result-url-font: #25a55b;
 
   // Publish Date
   --color-result-publishdate-font: var(--color-font-light);
@@ -98,21 +75,40 @@ html {
   --color-result-search-url-font: #444;
 
   /// Settings
-  --color-settings-fieldset: var(--color-base);
-  --color-settings-table-striped: #dbdbdb;
   --color-settings-tr-hover: #ececec;
+  --color-settings-engine-description-font: darken(#dcdcdc, 30%);
 
   // Labels
-  --color-settings-label-allowed-background: #e74c3c;
-  --color-settings-label-allowed-font: #fff;
-  --color-settings-label-deny-background: #2eee71;
-  --color-settings-label-deny-font: var(--color-font);
   --color-settings-return-background: var(--color-base);
   --color-settings-return-font: #fff;
 
   /// Other
   --color-engines-font: var(--color-font-light);
-  --color-percentage-div-background: #444;
+
+  /// From Toolkit
+  --color-toolkit-badge-font: #fff;
+  --color-toolkit-badge-background: #777;
+  --color-toolkit-kbd-font: #fff;
+  --color-toolkit-kbd-background: #000;
+  --color-toolkit-dialog-border: #000;
+  --color-toolkit-dialog-background: #fff;
+  --color-toolkit-tabs-label-border: #fff;
+  --color-toolkit-tabs-section-border: #000;
+  --color-toolkit-select-border: #d7d7d7;
+  --color-toolkit-checkbox-onoff-background: #dcdcdc;
+  --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
+  --color-toolkit-checkbox-onoff-label-background: #3498db;
+  --color-toolkit-checkbox-onoff-checked-background: #dcdcdc;
+  --color-toolkit-checkbox-label-background: #fff;
+  --color-toolkit-checkbox-label-shadow1: #fff;
+  --color-toolkit-checkbox-label-shadow2: rgba(0, 0, 0, 0.5);
+  --color-toolkit-checkbox-label-border: #333;
+  --color-toolkit-checkbox-input-border: #3498db;
+  --color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
+  --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
+  --color-toolkit-engine-tooltip-border: #ddd;
+  --color-toolkit-engine-tooltip-shadow: rgba(0, 0, 0, 0.1);
+  --color-toolkit-engine-tooltip-background: #fff;
 }
 
 /// General Size
@@ -122,6 +118,9 @@ html {
 @results-gap: 5rem;
 @search-width: 40rem;
 
+/// From style.less
+@stacked-bar-chart: rgb(0, 0, 0);
+
 /// Load fonts from this directory.
 @icon-font-path:          "../../../fonts/";
 //** File name for all font files.
diff --git a/searx/static/themes/simple/src/less/preferences.less b/searx/static/themes/simple/src/less/preferences.less
index c7ba9f979..2e2a193e7 100644
--- a/searx/static/themes/simple/src/less/preferences.less
+++ b/searx/static/themes/simple/src/less/preferences.less
@@ -40,7 +40,7 @@
     padding: 5px 0 0 0;
     float: left;
     width: 50%;
-    color: darken(#dcdcdc, 30%);
+    color: var(--color-settings-engine-description-font);
     font-size: 90%;
   }
 
@@ -84,7 +84,7 @@
 
   .preferences_back {
     background: none repeat scroll 0 0 var(--color-settings-return-background);
-    color: white;
+    color: var(--color-settings-return-font);
     border: 0 none;
     .rounded-corners;
 
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less
index 04a1bef30..db12289cb 100644
--- a/searx/static/themes/simple/src/less/search.less
+++ b/searx/static/themes/simple/src/less/search.less
@@ -6,7 +6,7 @@
   padding: 0 2em 0 @results-offset;
   margin: 0;
   background: var(--color-header-background);
-  border-bottom: 1px solid var(--color-header-border);
+  border-bottom: 1px solid var(--color-base-border);
 }
 
 #search_wrapper {
@@ -225,13 +225,9 @@
   }
 
   input[type="checkbox"]:focus + label {
-    box-shadow: 0 0 8px #3498db;
+    box-shadow: 0 0 8px var(--color-base);
   }
 
-  /* label:hover {
-  border-bottom: 2px solid @color-categories-item-border-unselected-hover;
-  } */
-
   input[type="checkbox"]:checked + label {
     background: var(--color-categories-item-selected);
     color: var(--color-categories-item-selected-font);
@@ -251,7 +247,7 @@
     transition: opacity 1s ease;
     font-size: 0.8em;
     text-align: center;
-    background: white;
+    background: var(--color-search-help);
   }
 
   &:hover .help {
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 920d23c23..d46b4c117 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -6,8 +6,6 @@
 
 // stylelint-disable no-descending-specificity
 
-@stacked-bar-chart: rgb(0, 0, 0);
-
 @import "../../__common__/less/new_issue.less";
 @import "../../__common__/less/stats.less";
 @import "../../__common__/less/result_templates.less";
@@ -79,7 +77,7 @@ footer {
   width: 100%;
   text-align: center;
   background-color: var(--color-footer-background);
-  border-top: 1px solid var(--color-footer-border);
+  border-top: 1px solid var(--color-base-border);
   overflow: hidden;
 
   p {
@@ -125,7 +123,7 @@ a {
 }
 
 article[data-vim-selected] {
-  background: #f7f7f7;
+  background: var(--color-result-vim-selected);
 }
 
 article[data-vim-selected]::before {
@@ -452,9 +450,9 @@ article.result-images[data-vim-selected]::before {
 
 #answers {
   grid-area: answers;
-  border: 1px solid #ddd;
+  border: 1px solid var(--color-base-border);
   padding: 0.9em;
-  box-shadow: 0 0 5px #ccc;
+  box-shadow: 0 0 5px var(--color-base-shadow);
 
   h4 {
     display: none;
@@ -480,10 +478,10 @@ article.result-images[data-vim-selected]::before {
 
   .infobox {
     margin: 10px 0 10px;
-    border: 1px solid #ddd;
+    border: 1px solid var(--color-base-border);
     padding: 0.9em;
     font-size: 0.9em;
-    box-shadow: 0 0 5px #ccc;
+    box-shadow: 0 0 5px var(--color-base-shadow);
 
     h2 {
       margin: 0 0 0.5em 0;
@@ -571,11 +569,11 @@ article.result-images[data-vim-selected]::before {
 }
 
 #backToTop {
-  border: 1px solid #ddd;
+  border: 1px solid var(--color-base-border);
   margin: 0;
   padding: 0;
   font-size: 1em;
-  box-shadow: 0 0 5px #ccc;
+  box-shadow: 0 0 5px var(--color-base-shadow);
   background: white;
   position: fixed;
   bottom: 8rem;
diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less
index 15f89e1bd..8c0b42e69 100644
--- a/searx/static/themes/simple/src/less/toolkit.less
+++ b/searx/static/themes/simple/src/less/toolkit.less
@@ -49,8 +49,8 @@ html.js .show_if_nojs {
 
 .badge {
   display: inline-block;
-  color: #fff;
-  background-color: #777;
+  color: var(--color-toolkit-badge-font);
+  background-color: var(--color-toolkit-badge-background);
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
@@ -64,8 +64,8 @@ kbd {
   padding: 2px 4px;
   margin: 1px;
   font-size: 90%;
-  color: white;
-  background: black;
+  color: var(--color-toolkit-kbd-font);
+  background: var(--color-toolkit-kbd-background);
 }
 
 // table
@@ -122,7 +122,7 @@ div.selectable_url {
   position: relative;
   padding: 1em 1em 1em 2.7em;
   margin: 0 0 1em 0;
-  border: 1px solid black;
+  border: 1px solid var(--color-toolkit-dialog-border);
   border-radius: 4px;
   text-align: left;
 
@@ -191,7 +191,7 @@ div.selectable_url {
 .dialog-modal {
   .dialog();
 
-  background: white;
+  background: var(--color-toolkit-dialog-background);
   position: fixed;
   top: 50%;
   left: 50%;
@@ -244,7 +244,7 @@ div.selectable_url {
     margin: 0 0.7em;
     letter-spacing: 0.5px;
     text-transform: uppercase;
-    border: solid white;
+    border: solid var(--color-toolkit-tabs-label-border);
     border-width: 0 0 2px 0;
 
     .disable-user-select();
@@ -260,7 +260,7 @@ div.selectable_url {
     min-width: 100%;
     padding: 0.7rem 0;
     box-sizing: border-box;
-    border-top: 1px solid black;
+    border-top: 1px solid var(--color-toolkit-tabs-section-border);
     display: none;
   }
 
@@ -327,7 +327,7 @@ select {
     -webkit-appearance: none;
     -moz-appearance: none;
     border: none;
-    border-bottom: 1px solid #d7d7d7;
+    border-bottom: 1px solid var(--color-toolkit-select-border);
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTI4LDE5MiAyNTYsMzIwIDM4NCwxOTIiLz48L2c+PC9zdmc+Cg==) no-repeat;
     background-position-x: 105%;
     background-size: 2em;
@@ -347,7 +347,7 @@ select {
     display: inline-block;
     width: 40px;
     height: 10px;
-    background: #dcdcdc;
+    background: var(--color-toolkit-checkbox-onoff-background);
     margin: 8px 1rem;
     position: relative;
     border-radius: 50px;
@@ -360,10 +360,10 @@ select {
       top: -5px;
       cursor: pointer;
       border-radius: 50px;
-      box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
+      box-shadow: 0 3px 5px 0 var(--color-toolkit-checkbox-onoff-label-shadow);
       transition: all 0.4s ease;
       left: 27px;
-      background-color: #3498db;
+      background-color: var(--color-toolkit-checkbox-onoff-label-background);
     }
 
     input[type=checkbox] {
@@ -371,7 +371,7 @@ select {
 
       &:checked + label {
         left: -5px;
-        background: #dcdcdc;
+        background: var(--color-toolkit-checkbox-onoff-checked-background);
       }
     }
   }
@@ -391,9 +391,9 @@ select {
       position: absolute;
       top: 0;
       left: 0;
-      background: white;
+      background: var(--color-toolkit-checkbox-label-background);
       border-radius: 4px;
-      box-shadow: inset 0 1px 1px white, 0 1px 4px rgba(0, 0, 0, 0.5);
+      box-shadow: inset 0 1px 1px var(--color-toolkit-checkbox-label-shadow1), 0 1px 4px var(--color-toolkit-checkbox-label-shadow2);
 
       &::after {
         content: '';
@@ -402,7 +402,7 @@ select {
         position: absolute;
         top: 4px;
         left: 4px;
-        border: 3px solid #333;
+        border: 3px solid var(--color-toolkit-checkbox-label-border);
         border-top: none;
         border-right: none;
         background: transparent;
@@ -415,7 +415,7 @@ select {
       visibility: hidden;
 
       &:checked + label::after {
-        border-color: #3498db;
+        border-color: var(--color-toolkit-checkbox-input-border);
         opacity: 1;
       }
     }
@@ -453,10 +453,10 @@ select {
   font-size: 10px;
   position: relative;
   text-indent: -9999em;
-  border-top: 0.5em solid rgba(0, 0, 0, 0.2);
-  border-right: 0.5em solid rgba(0, 0, 0, 0.2);
-  border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
-  border-left: 0.5em solid rgba(255, 255, 255, 0);
+  border-top: 0.5em solid var(--color-toolkit-loader-border);
+  border-right: 0.5em solid var(--color-toolkit-loader-border);
+  border-bottom: 0.5em solid var(--color-toolkit-loader-border);
+  border-left: 0.5em solid var(--color-toolkit-loader-borderleft);
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
@@ -494,9 +494,9 @@ select {
   position: absolute;
   padding: 0.5rem 1rem;
   margin: 0 0 0 2rem;
-  border: 1px solid #ddd;
-  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
-  background: white;
+  border: 1px solid var(--color-toolkit-engine-tooltip-border);
+  box-shadow: 2px 2px 2px 0 var(--color-toolkit-engine-tooltip-shadow);
+  background: var(--color-toolkit-engine-tooltip-background);
   font-size: 14px;
   font-weight: normal;
   z-index: 1000000;

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: [PATCH 3/7] 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
---
 .../themes/simple/src/less/autocomplete.less  | 15 +--
 .../themes/simple/src/less/definitions.less   | 92 +++++++++----------
 .../static/themes/simple/src/less/mixins.less |  2 +-
 .../themes/simple/src/less/preferences.less   | 12 +--
 .../static/themes/simple/src/less/search.less | 39 ++------
 .../static/themes/simple/src/less/style.less  | 31 +++----
 .../themes/simple/src/less/toolkit.less       |  2 +-
 7 files changed, 79 insertions(+), 114 deletions(-)

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;
   }
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index de24b93e3..14354feca 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -5,14 +5,25 @@
  */
 
 html {
-  /// Basic Colors
-  --color-base: #3498db;
-  --color-base-dark: #084999;
-  --color-base-light: #ecf0f1;
-  --color-highlight: #094089;
-  --color-black: #000;
-  --color-base-border: #d7d7d7;
+  /// Base Colors
+  --color-base: #084999;
+  --color-base-font: #444;
+  --color-base-border: #ddd;
   --color-base-shadow: #ccc;
+  --color-base-background: #fff;
+  --color-url-font: #29314d;
+  --color-url-visited-font: #684898;
+  --color-header-footer-background: #f7f7f7;
+
+  /// Button Colors
+  --color-btn-background: #084999;
+  --color-btn-font: #fff;
+
+  /// Search Input Colors
+  --color-search-border: #ddd;
+  --color-search-background: #fff;
+  --color-search-font: #222;
+  --color-search-background-hover: #084999;
 
   /// Modal Colors
   --color-error: #db3434;
@@ -22,68 +33,46 @@ html {
   --color-success: #42db34;
   --color-success-background: lighten(#42db34, 40%);
 
-  /// General Colors
-  --color-font: #444;
-  --color-font-light: #888;
-  --color-url-font: #29314d;
-  --color-url-visited-font: #684898;
+  /// Categories Colors
+  --color-categories-item-selected-font: #084999;
+  --color-categories-item-border-selected: #084999;
 
-  /// Header
-  --color-header-background: #f7f7f7;
-
-  /// Footer
-  --color-footer-background: #f7f7f7;
-
-  /// Search-Input
-  --color-search-border: var(--color-base);
-  --color-search-background: #fff;
-  --color-search-font: #222;
-  --color-search-help: white;
-
-  /// Autocompleter
-  --color-autocompleter-background: white;
-
-  /// Categories
-  --color-categories-item-selected: var(--color-base);
-  --color-categories-item-selected-font: #fff;
-  --color-categories-item-border-selected: var(--color-base-dark);
-  --color-categories-item-border-unselected: #e8e7e6;
+  /// Autocompleter Colors
+  --color-autocomplete-background: #fff;
+  --color-autocomplete-background-hover: #f7f7f7;
 
   /// Results
-  --color-download-button-background: var(--color-base);
-  --color-download-button-font: #fff;
   --color-result-torrent-border: lightgray;
   --color-result-top-border: #e8e7e6;
   --color-result-vim-selected: #f7f7f7;
+  --color-result-description-highlight-font: #000;
 
   // Link to result
-  --color-result-link-font: var(--color-base-dark);
+  --color-result-link-font: #084999;
+  --color-result-link-font-highlight: #084999;
   --color-result-link-visited-font: var(--color-url-visited-font);
 
   // Url to result
-  --color-result-url-font: #25a55b;
-
-  // Publish Date
-  --color-result-publishdate-font: var(--color-font-light);
-
-  // Images
-  --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
-  --color-result-image-span-font: #fff;
+  --color-result-url-font: #000;
 
   // Search-URL
   --color-result-search-url-border: #888;
   --color-result-search-url-font: #444;
 
+  // Publish Date
+  --color-result-publishdate-font: #777;
+
+  // Images
+  --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
+  --color-result-image-span-font: #fff;
+  --color-result-image-background: #084999;
+
   /// Settings
   --color-settings-tr-hover: #ececec;
   --color-settings-engine-description-font: darken(#dcdcdc, 30%);
 
-  // Labels
-  --color-settings-return-background: var(--color-base);
-  --color-settings-return-font: #fff;
-
   /// Other
-  --color-engines-font: var(--color-font-light);
+  --color-engines-font: #888;
 
   /// From Toolkit
   --color-toolkit-badge-font: #fff;
@@ -94,16 +83,16 @@ html {
   --color-toolkit-dialog-background: #fff;
   --color-toolkit-tabs-label-border: #fff;
   --color-toolkit-tabs-section-border: #000;
-  --color-toolkit-select-border: #d7d7d7;
+  --color-toolkit-select-border: #ddd;
   --color-toolkit-checkbox-onoff-background: #dcdcdc;
   --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
-  --color-toolkit-checkbox-onoff-label-background: #3498db;
+  --color-toolkit-checkbox-onoff-label-background: #084999;
   --color-toolkit-checkbox-onoff-checked-background: #dcdcdc;
   --color-toolkit-checkbox-label-background: #fff;
   --color-toolkit-checkbox-label-shadow1: #fff;
   --color-toolkit-checkbox-label-shadow2: rgba(0, 0, 0, 0.5);
   --color-toolkit-checkbox-label-border: #333;
-  --color-toolkit-checkbox-input-border: #3498db;
+  --color-toolkit-checkbox-input-border: #084999;
   --color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
   --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
   --color-toolkit-engine-tooltip-border: #ddd;
@@ -116,6 +105,7 @@ html {
 @results-offset: 10rem;
 @results-tablet-offset: 0.5rem;
 @results-gap: 5rem;
+@results-margin: 2rem;
 @search-width: 40rem;
 
 /// From style.less
diff --git a/searx/static/themes/simple/src/less/mixins.less b/searx/static/themes/simple/src/less/mixins.less
index f0a8d6a83..74831e676 100644
--- a/searx/static/themes/simple/src/less/mixins.less
+++ b/searx/static/themes/simple/src/less/mixins.less
@@ -10,7 +10,7 @@
   text-size-adjust: @property;
 }
 
-.rounded-corners (@radius: 4px) {
+.rounded-corners (@radius: 10px) {
   -webkit-border-radius: @radius;
   -moz-border-radius: @radius;
   border-radius: @radius;
diff --git a/searx/static/themes/simple/src/less/preferences.less b/searx/static/themes/simple/src/less/preferences.less
index 2e2a193e7..5b512cc71 100644
--- a/searx/static/themes/simple/src/less/preferences.less
+++ b/searx/static/themes/simple/src/less/preferences.less
@@ -1,9 +1,3 @@
-.column-reliability {
-  .engine-tooltip {
-    right: 12rem;
-  }
-}
-
 #tab-contentquery table td,
 #tab-contentquery table th {
   text-align: left !important;
@@ -83,15 +77,15 @@
   }
 
   .preferences_back {
-    background: none repeat scroll 0 0 var(--color-settings-return-background);
-    color: var(--color-settings-return-font);
+    background: none repeat scroll 0 0 var(--color-btn-background);
+    color: var(--color-btn-font);
     border: 0 none;
     .rounded-corners;
 
     cursor: pointer;
     display: inline-block;
     margin: 2px 4px;
-    padding: 0.5em;
+    padding: 0.7em;
 
     a {
       display: block;
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less
index db12289cb..ed692b3b3 100644
--- a/searx/static/themes/simple/src/less/search.less
+++ b/searx/static/themes/simple/src/less/search.less
@@ -5,12 +5,12 @@
 #search {
   padding: 0 2em 0 @results-offset;
   margin: 0;
-  background: var(--color-header-background);
+  background: var(--color-header-footer-background);
   border-bottom: 1px solid var(--color-base-border);
 }
 
 #search_wrapper {
-  padding: 10px 0;
+  padding: 20px 0 10px 0;
 }
 
 .search_box {
@@ -32,8 +32,7 @@
   box-sizing: border-box;
   width: 1.8em;
   margin: 0;
-  padding: 2px;
-  height: 2.2em;
+  padding: 8px 2px;
   background: none repeat scroll 0 0 var(--color-search-background);
   border-top: 1px solid var(--color-search-border);
   border-bottom: 1px solid var(--color-search-border);
@@ -46,7 +45,7 @@
   z-index: 10000;
 
   &:hover {
-    color: var(--color-search-border);
+    color: var(--color-search-background-hover);
   }
 
   &.empty * {
@@ -60,8 +59,7 @@
   border-collapse: separate;
   box-sizing: border-box;
   margin: 0;
-  padding: 2px;
-  height: 2.2em;
+  padding: 8px;
   background: none repeat scroll 0 0 var(--color-search-background);
   border: 1px solid var(--color-search-border);
   border-radius: 0;
@@ -73,10 +71,11 @@
 
 #q {
   outline: medium none;
-  padding-left: 8px;
+  padding-left: 12px;
   padding-right: 0 !important;
   border-right: none;
   width: @search-width;
+  border-radius: 10px 0 0 10px;
 }
 
 #q::-ms-clear,
@@ -86,12 +85,12 @@
 
 #send_search {
   border-left: none;
-  width: 2.2em;
+  border-radius: 0 10px 10px 0;
 
   &:hover {
     cursor: pointer;
-    background-color: var(--color-search-border);
-    color: var(--color-base-light);
+    background-color: var(--color-search-background-hover);
+    color: var(--color-search-background);
   }
 }
 
@@ -229,7 +228,6 @@
   }
 
   input[type="checkbox"]:checked + label {
-    background: var(--color-categories-item-selected);
     color: var(--color-categories-item-selected-font);
     border-bottom: 2px solid var(--color-categories-item-border-selected);
   }
@@ -237,21 +235,4 @@
 
 #categories_container {
   position: relative;
-
-  .help {
-    position: absolute;
-    width: 100%;
-    bottom: -20px;
-    overflow: hidden;
-    opacity: 0;
-    transition: opacity 1s ease;
-    font-size: 0.8em;
-    text-align: center;
-    background: var(--color-search-help);
-  }
-
-  &:hover .help {
-    opacity: 0.8;
-    transition: opacity 1s ease;
-  }
 }
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index d46b4c117..edc10dbe6 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -39,7 +39,7 @@ html {
   font-size: 0.9em;
   .text-size-adjust;
 
-  color: var(--color-font);
+  color: var(--color-base-font);
   padding: 0;
   margin: 0;
 }
@@ -76,7 +76,7 @@ footer {
   padding: 1rem 0;
   width: 100%;
   text-align: center;
-  background-color: var(--color-footer-background);
+  background-color: var(--color-header-footer-background);
   border-top: 1px solid var(--color-base-border);
   overflow: hidden;
 
@@ -99,10 +99,10 @@ footer {
 
 input[type="submit"],
 #results button[type="submit"] {
-  padding: 0.5rem;
+  padding: 0.7rem;
   display: inline-block;
-  background: var(--color-download-button-background);
-  color: var(--color-download-button-font);
+  background: var(--color-btn-background);
+  color: var(--color-btn-font);
   .rounded-corners;
 
   border: 0;
@@ -145,7 +145,7 @@ article.result-images[data-vim-selected]::before {
 }
 
 .result {
-  margin: 19px 0 18px 0;
+  margin: @results-margin 0;
   padding: 0;
 
   h3 {
@@ -191,7 +191,7 @@ article.result-images[data-vim-selected]::before {
     line-height: 1.24;
 
     .highlight {
-      color: var(--color-black);
+      color: var(--color-result-description-highlight-font);
       background: inherit;
       font-weight: bold;
     }
@@ -226,7 +226,6 @@ article.result-images[data-vim-selected]::before {
       width: 20em;
       min-width: 20em;
       min-height: 8em;
-      // background: var(--color-base-light);
     }
 
     &.image {
@@ -270,9 +269,8 @@ article.result-images[data-vim-selected]::before {
 }
 
 .highlight {
-  color: var(--color-highlight);
+  color: var(--color-result-link-font-highlight);
   background: inherit;
-  font-weight: bold;
 }
 
 .result-images {
@@ -288,7 +286,7 @@ article.result-images[data-vim-selected]::before {
     padding: 0;
     border: none;
     max-height: 200px;
-    background: var(--color-base-dark);
+    background: var(--color-result-image-background);
   }
 
   span a {
@@ -445,14 +443,14 @@ article.result-images[data-vim-selected]::before {
 #search_url .title,
 #apis .title {
   margin: 2em 0 0.5em 0;
-  color: var(--color-font);
+  color: var(--color-base-font);
 }
 
 #answers {
   grid-area: answers;
   border: 1px solid var(--color-base-border);
   padding: 0.9em;
-  box-shadow: 0 0 5px var(--color-base-shadow);
+  .rounded-corners;
 
   h4 {
     display: none;
@@ -481,7 +479,7 @@ article.result-images[data-vim-selected]::before {
     border: 1px solid var(--color-base-border);
     padding: 0.9em;
     font-size: 0.9em;
-    box-shadow: 0 0 5px var(--color-base-shadow);
+    .rounded-corners;
 
     h2 {
       margin: 0 0 0.5em 0;
@@ -574,17 +572,18 @@ article.result-images[data-vim-selected]::before {
   padding: 0;
   font-size: 1em;
   box-shadow: 0 0 5px var(--color-base-shadow);
-  background: white;
+  background: var(--color-base-background);
   position: fixed;
   bottom: 8rem;
   left: @results-width + @results-offset + (0.5 * @results-gap - 1.2em);
   transition: opacity 0.5s;
   opacity: 0;
+  .rounded-corners;
 
   a {
     display: block;
     margin: 0;
-    padding: 0.6em;
+    padding: 0.7em;
   }
 }
 
diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less
index 8c0b42e69..84b5e6a8c 100644
--- a/searx/static/themes/simple/src/less/toolkit.less
+++ b/searx/static/themes/simple/src/less/toolkit.less
@@ -123,8 +123,8 @@ div.selectable_url {
   padding: 1em 1em 1em 2.7em;
   margin: 0 0 1em 0;
   border: 1px solid var(--color-toolkit-dialog-border);
-  border-radius: 4px;
   text-align: left;
+  .rounded-corners;
 
   &::before {
     position: absolute;

From 09324f34925676a50fd6be6406e09b4805df4f04 Mon Sep 17 00:00:00 2001
From: MrPaulBlack <paul.accounts@protonmail.com>
Date: Thu, 7 Oct 2021 23:48:52 +0200
Subject: [PATCH 4/7] [template] move result url to top of article

---
 searx/templates/simple/macros.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/searx/templates/simple/macros.html b/searx/templates/simple/macros.html
index 4368ecb85..4fc4f0d00 100644
--- a/searx/templates/simple/macros.html
+++ b/searx/templates/simple/macros.html
@@ -27,6 +27,9 @@
 <!-- Draw result header -->
 {% macro result_header(result, favicons, image_proxify) -%}
 <article class="result {% if result['template'] %}result-{{ result.template|replace('.html', '') }}{% else %}result-default{% endif %} {% if result['category'] %}category-{{ result['category'] }}{% endif %}{% for e in result.engines %} {{ e }}{% endfor %}">
+  <p class="url">
+    <span class="url">{{ result.pretty_url }}</span>
+  </p>{{- '' -}}
   {%- if result.img_src %}{{ result_open_link(result.url) }}<img class="image" src="{{ image_proxify(result.img_src) }}" alt="{{ result.title|striptags }}" title="{{ result.title|striptags }}" class="image" />{{ result_close_link() }}{% endif -%}
   {%- if result.thumbnail %}{{ result_open_link(result.url) }}<img class="thumbnail" src="{{ image_proxify(result.thumbnail) }}" title="{{ result.title|striptags }}" alt="{{ result.title|striptags }}"/>{{ result_close_link() }}{% endif -%}
   <h3>{{ result_link(result.url, result.title|safe) }}</h3>
@@ -40,8 +43,10 @@
 
 <!-- Draw result sub footer -->
 {%- macro result_sub_footer(result, proxify) -%}
-<div class="engines">{% for engine in result.engines %}<span>{{ engine }}</span>{% endfor %}</div>{{- '' -}}
-<p class="url"><span class="url">{{ result.pretty_url }}</span>{{ result_link("https://web.archive.org/web/" + result.url, icon('link') + _('cached'), "cache_link") }}&lrm; {% if proxify and proxify_results %} {{ result_link(proxify(result.url), icon('link') + _('proxied'), "proxyfied_link") }} {% endif %}</p>{{- '' -}}
+<div class="engines">
+  {% for engine in result.engines %}<span>{{ engine }}</span>{% endfor %}
+  {{ result_link("https://web.archive.org/web/" + result.url, icon('link') + _('cached'), "cache_link") }}&lrm; {% if proxify and proxify_results %} {{ result_link(proxify(result.url), icon('link') + _('proxied'), "proxyfied_link") }} {% endif %}
+</div>{{- '' -}}
 <div class="break"></div>{{- '' -}}
 {%- endmacro -%}
 

From 3daa024c04d9e6133d456d9c103b5f67fa15f643 Mon Sep 17 00:00:00 2001
From: MrPaulBlack <paul.accounts@protonmail.com>
Date: Fri, 8 Oct 2021 16:06:48 +0200
Subject: [PATCH 5/7] [simple theme] new color theme and result on mobile and
 tablet * clean up vars in defenition * results look now the same on mobile
 and desktop * reworked results on mobile * new color theme with more vibrant
 colors

---
 .../themes/simple/src/less/autocomplete.less  |   3 +-
 .../themes/simple/src/less/definitions.less   | 104 ++++++++++--------
 .../static/themes/simple/src/less/search.less |   6 +-
 .../static/themes/simple/src/less/style.less  |  62 +++++------
 .../themes/simple/src/less/toolkit.less       |   6 +-
 5 files changed, 89 insertions(+), 92 deletions(-)

diff --git a/searx/static/themes/simple/src/less/autocomplete.less b/searx/static/themes/simple/src/less/autocomplete.less
index 4dbb68d46..0c0ae3f32 100644
--- a/searx/static/themes/simple/src/less/autocomplete.less
+++ b/searx/static/themes/simple/src/less/autocomplete.less
@@ -48,7 +48,8 @@
   &.open {
     display: block;
     background-color: var(--color-autocomplete-background);
-    border: 1px solid var(--color-base-border);
+    color: var(--color-autocomplete-font);
+    border: 1px solid var(--color-autocomplete-border);
     max-height: 500px;
     overflow-y: auto;
     z-index: 100;
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index 14354feca..c3f28fce9 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -6,24 +6,37 @@
 
 html {
   /// Base Colors
-  --color-base: #084999;
   --color-base-font: #444;
-  --color-base-border: #ddd;
-  --color-base-shadow: #ccc;
   --color-base-background: #fff;
   --color-url-font: #29314d;
-  --color-url-visited-font: #684898;
-  --color-header-footer-background: #f7f7f7;
+  --color-url-visited-font: #80b;
+
+  /// Header Colors
+  --color-header-background: #f7f7f7;
+  --color-header-border: #ddd;
+
+  /// Footer Colors
+  --color-footer-background: #f7f7f7;
+  --color-footer-border: #ddd;
+
+  /// Sidebar Colors
+  --color-sidebar-border: #ddd;
+  --color-sidebar-font: #000;
+
+  /// BackToTop Colors
+  --color-backtotop-border: #ddd;
+  --color-backtotop-background: #fff;
+  --color-backtotop-shadow: #ccc;
 
   /// Button Colors
-  --color-btn-background: #084999;
+  --color-btn-background: #3050ff;
   --color-btn-font: #fff;
 
   /// Search Input Colors
-  --color-search-border: #ddd;
+  --color-search-border: #bbb;
   --color-search-background: #fff;
   --color-search-font: #222;
-  --color-search-background-hover: #084999;
+  --color-search-background-hover: #3050ff;
 
   /// Modal Colors
   --color-error: #db3434;
@@ -34,70 +47,65 @@ html {
   --color-success-background: lighten(#42db34, 40%);
 
   /// Categories Colors
-  --color-categories-item-selected-font: #084999;
-  --color-categories-item-border-selected: #084999;
+  --color-categories-item-selected-font: #3050ff;
+  --color-categories-item-border-selected: #3050ff;
 
-  /// Autocompleter Colors
+  /// Autocomplete Colors
+  --color-autocomplete-font: #000;
+  --color-autocomplete-border: #bbb;
   --color-autocomplete-background: #fff;
   --color-autocomplete-background-hover: #f7f7f7;
 
-  /// Results
-  --color-result-torrent-border: lightgray;
-  --color-result-top-border: #e8e7e6;
-  --color-result-vim-selected: #f7f7f7;
-  --color-result-description-highlight-font: #000;
+  /// Answer Colors
+  --color-answer-border: #ddd;
+  --color-answer-font: #000;
 
-  // Link to result
-  --color-result-link-font: #084999;
-  --color-result-link-font-highlight: #084999;
-  --color-result-link-visited-font: var(--color-url-visited-font);
-
-  // Url to result
+  /// Results Colors
+  --color-result-shadow: #ccc;
+  --color-result-border: #ddd;
   --color-result-url-font: #000;
-
-  // Search-URL
-  --color-result-search-url-border: #888;
-  --color-result-search-url-font: #444;
-
-  // Publish Date
+  --color-result-vim-selected: #f7f7f7;
+  --color-result-vim-arrow: #000bbb;
+  --color-result-description-highlight-font: #000;
+  --color-result-link-font: #000bbb;
+  --color-result-link-font-highlight: #000bbb;
+  --color-result-link-visited-font: #80b;
   --color-result-publishdate-font: #777;
+  --color-result-engines-font: #777;
+  --color-result-search-url-border: #ddd;
+  --color-result-search-url-font: #000;
 
-  // Images
+  // Images Colors
   --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
   --color-result-image-span-font: #fff;
-  --color-result-image-background: #084999;
+  --color-result-image-background: #000bbb;
 
-  /// Settings
-  --color-settings-tr-hover: #ececec;
+  /// Settings Colors
+  --color-settings-tr-hover: #f7f7f7;
   --color-settings-engine-description-font: darken(#dcdcdc, 30%);
 
-  /// Other
-  --color-engines-font: #888;
-
-  /// From Toolkit
+  /// Toolkit Colors
   --color-toolkit-badge-font: #fff;
   --color-toolkit-badge-background: #777;
   --color-toolkit-kbd-font: #fff;
   --color-toolkit-kbd-background: #000;
-  --color-toolkit-dialog-border: #000;
+  --color-toolkit-dialog-border: #ddd;
   --color-toolkit-dialog-background: #fff;
   --color-toolkit-tabs-label-border: #fff;
-  --color-toolkit-tabs-section-border: #000;
+  --color-toolkit-tabs-section-border: #ddd;
   --color-toolkit-select-border: #ddd;
-  --color-toolkit-checkbox-onoff-background: #dcdcdc;
+  --color-toolkit-checkbox-onoff-background: #ddd;
   --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
-  --color-toolkit-checkbox-onoff-label-background: #084999;
-  --color-toolkit-checkbox-onoff-checked-background: #dcdcdc;
+  --color-toolkit-checkbox-onoff-label-background: #3050ff;
+  --color-toolkit-checkbox-onoff-checked-background: #ddd;
   --color-toolkit-checkbox-label-background: #fff;
-  --color-toolkit-checkbox-label-shadow1: #fff;
-  --color-toolkit-checkbox-label-shadow2: rgba(0, 0, 0, 0.5);
-  --color-toolkit-checkbox-label-border: #333;
-  --color-toolkit-checkbox-input-border: #084999;
+  --color-toolkit-checkbox-label-border: #ddd;
+  --color-toolkit-checkbox-input-border: #3050ff;
+  --color-toolkit-engine-tooltip-border: #ddd;
+  --color-toolkit-engine-tooltip-shadow: #ccc;
+  --color-toolkit-engine-tooltip-background: #fff;
   --color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
   --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
-  --color-toolkit-engine-tooltip-border: #ddd;
-  --color-toolkit-engine-tooltip-shadow: rgba(0, 0, 0, 0.1);
-  --color-toolkit-engine-tooltip-background: #fff;
 }
 
 /// General Size
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less
index ed692b3b3..36f0011e1 100644
--- a/searx/static/themes/simple/src/less/search.less
+++ b/searx/static/themes/simple/src/less/search.less
@@ -5,8 +5,8 @@
 #search {
   padding: 0 2em 0 @results-offset;
   margin: 0;
-  background: var(--color-header-footer-background);
-  border-bottom: 1px solid var(--color-base-border);
+  background: var(--color-header-background);
+  border-bottom: 1px solid var(--color-header-border);
 }
 
 #search_wrapper {
@@ -224,7 +224,7 @@
   }
 
   input[type="checkbox"]:focus + label {
-    box-shadow: 0 0 8px var(--color-base);
+    box-shadow: 0 0 8px var(--color-categories-item-border-selected);
   }
 
   input[type="checkbox"]:checked + label {
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index edc10dbe6..47ae21391 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -40,6 +40,7 @@ html {
   .text-size-adjust;
 
   color: var(--color-base-font);
+  background-color: var(--color-base-background);
   padding: 0;
   margin: 0;
 }
@@ -76,8 +77,8 @@ footer {
   padding: 1rem 0;
   width: 100%;
   text-align: center;
-  background-color: var(--color-header-footer-background);
-  border-top: 1px solid var(--color-base-border);
+  background-color: var(--color-footer-background);
+  border-top: 1px solid var(--color-footer-border);
   overflow: hidden;
 
   p {
@@ -132,11 +133,11 @@ article[data-vim-selected]::before {
   padding: 2px;
   content: ">";
   font-weight: bold;
-  color: var(--color-base);
+  color: var(--color-result-vim-arrow);
 }
 
 article.result-images[data-vim-selected] {
-  background: var(--color-base);
+  background: var(--color-result-vim-arrow);
 }
 
 article.result-images[data-vim-selected]::before {
@@ -256,7 +257,7 @@ article.result-images[data-vim-selected]::before {
 
 .engines {
   float: right;
-  color: var(--color-engines-font);
+  color: var(--color-result-engines-font);
 
   span {
     font-size: smaller;
@@ -337,28 +338,6 @@ article.result-images[data-vim-selected]::before {
   display: none !important;
 }
 
-.torrent_result {
-  border-left: 10px solid var(--color-result-torrent-border);
-  padding-left: 3px;
-
-  p {
-    margin: 3px;
-    font-size: 0.8em;
-  }
-
-  a {
-    color: var(--color-result-link-font);
-
-    &:hover {
-      text-decoration: underline;
-    }
-
-    &:visited {
-      color: var(--color-result-link-visited-font);
-    }
-  }
-}
-
 #results {
   margin: 2rem 2rem 0 @results-offset;
   display: grid;
@@ -448,8 +427,10 @@ article.result-images[data-vim-selected]::before {
 
 #answers {
   grid-area: answers;
-  border: 1px solid var(--color-base-border);
+  border: 1px solid var(--color-answer-border);
   padding: 0.9em;
+  margin-bottom: @results-margin;
+  color: var(--color-answer-font);
   .rounded-corners;
 
   h4 {
@@ -473,10 +454,11 @@ article.result-images[data-vim-selected]::before {
 #sidebar {
   grid-area: sidebar;
   word-wrap: break-word;
+  color: var(--color-sidebar-font);
 
   .infobox {
     margin: 10px 0 10px;
-    border: 1px solid var(--color-base-border);
+    border: 1px solid var(--color-sidebar-border);
     padding: 0.9em;
     font-size: 0.9em;
     .rounded-corners;
@@ -567,12 +549,12 @@ article.result-images[data-vim-selected]::before {
 }
 
 #backToTop {
-  border: 1px solid var(--color-base-border);
+  border: 1px solid var(--color-backtotop-border);
   margin: 0;
   padding: 0;
   font-size: 1em;
-  box-shadow: 0 0 5px var(--color-base-shadow);
-  background: var(--color-base-background);
+  box-shadow: 0 0 5px var(--color-backtotop-shadow);
+  background: var(--color-backtotop-background);
   position: fixed;
   bottom: 8rem;
   left: @results-width + @results-offset + (0.5 * @results-gap - 1.2em);
@@ -611,6 +593,7 @@ article.result-images[data-vim-selected]::before {
   }
 
   #sidebar {
+    margin-bottom: @results-margin;
     padding: 0;
     float: none;
     border: none;
@@ -630,11 +613,6 @@ article.result-images[data-vim-selected]::before {
   }
 
   .result {
-    border-bottom: 1px solid var(--color-result-top-border);
-    margin: 0;
-    padding-top: 8px;
-    padding-bottom: 6px;
-
     h3 {
       margin: 0 0 1px 0;
     }
@@ -753,9 +731,14 @@ article.result-images[data-vim-selected]::before {
     margin: 0 5px 2px 5px;
   }
 
+  .infobox {
+    box-shadow: 0 0 5px var(--color-result-shadow);
+  }
+
   #corrections,
   #answers {
     margin: 0 5px 1em 5px;
+    box-shadow: 0 0 5px var(--color-result-shadow);
   }
 
   #results {
@@ -769,12 +752,17 @@ article.result-images[data-vim-selected]::before {
 
   .result {
     padding: 8px 10px 6px 10px;
+    margin: @results-tablet-offset;
+    border: 1px solid var(--color-result-border);
+    box-shadow: 0 0 5px var(--color-result-shadow);
+    .rounded-corners;
   }
 
   .result-images {
     margin: 0;
     padding: 0;
     border: none;
+    box-shadow: none;
   }
 }
 
diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less
index 84b5e6a8c..8c92fe488 100644
--- a/searx/static/themes/simple/src/less/toolkit.less
+++ b/searx/static/themes/simple/src/less/toolkit.less
@@ -392,8 +392,7 @@ select {
       top: 0;
       left: 0;
       background: var(--color-toolkit-checkbox-label-background);
-      border-radius: 4px;
-      box-shadow: inset 0 1px 1px var(--color-toolkit-checkbox-label-shadow1), 0 1px 4px var(--color-toolkit-checkbox-label-shadow2);
+      .rounded-corners;
 
       &::after {
         content: '';
@@ -495,12 +494,13 @@ select {
   padding: 0.5rem 1rem;
   margin: 0 0 0 2rem;
   border: 1px solid var(--color-toolkit-engine-tooltip-border);
-  box-shadow: 2px 2px 2px 0 var(--color-toolkit-engine-tooltip-shadow);
+  box-shadow: 0 0 5px var(--color-toolkit-engine-tooltip-shadow);
   background: var(--color-toolkit-engine-tooltip-background);
   font-size: 14px;
   font-weight: normal;
   z-index: 1000000;
   text-align: left;
+  .rounded-corners;
 }
 
 th:hover .engine-tooltip,

From bc2c8e6ba9e8634a39cbf1e7b58e592fac646852 Mon Sep 17 00:00:00 2001
From: MrPaulBlack <paul.accounts@protonmail.com>
Date: Sat, 9 Oct 2021 15:46:31 +0200
Subject: [PATCH 6/7] [simple theme] add a dark theme

* add a new color theme for a dark mode
* make the device auto switch between dark and light theme
---
 .../themes/simple/src/less/definitions.less   | 108 +++++++++++++++---
 1 file changed, 94 insertions(+), 14 deletions(-)

diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index c3f28fce9..fc1bcd5fa 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -4,40 +4,34 @@
  * To change the colors of the site, simple edit this variables
  */
 
+/// Light Theme
 html {
   /// Base Colors
   --color-base-font: #444;
   --color-base-background: #fff;
   --color-url-font: #29314d;
   --color-url-visited-font: #80b;
-
   /// Header Colors
   --color-header-background: #f7f7f7;
   --color-header-border: #ddd;
-
   /// Footer Colors
   --color-footer-background: #f7f7f7;
   --color-footer-border: #ddd;
-
   /// Sidebar Colors
   --color-sidebar-border: #ddd;
   --color-sidebar-font: #000;
-
   /// BackToTop Colors
   --color-backtotop-border: #ddd;
   --color-backtotop-background: #fff;
   --color-backtotop-shadow: #ccc;
-
   /// Button Colors
   --color-btn-background: #3050ff;
   --color-btn-font: #fff;
-
   /// Search Input Colors
   --color-search-border: #bbb;
   --color-search-background: #fff;
   --color-search-font: #222;
   --color-search-background-hover: #3050ff;
-
   /// Modal Colors
   --color-error: #db3434;
   --color-error-background: lighten(#db3434, 40%);
@@ -45,21 +39,17 @@ html {
   --color-warning-background: lighten(#dbba34, 40%);
   --color-success: #42db34;
   --color-success-background: lighten(#42db34, 40%);
-
   /// Categories Colors
   --color-categories-item-selected-font: #3050ff;
   --color-categories-item-border-selected: #3050ff;
-
   /// Autocomplete Colors
   --color-autocomplete-font: #000;
   --color-autocomplete-border: #bbb;
   --color-autocomplete-background: #fff;
   --color-autocomplete-background-hover: #f7f7f7;
-
   /// Answer Colors
   --color-answer-border: #ddd;
   --color-answer-font: #000;
-
   /// Results Colors
   --color-result-shadow: #ccc;
   --color-result-border: #ddd;
@@ -74,16 +64,13 @@ html {
   --color-result-engines-font: #777;
   --color-result-search-url-border: #ddd;
   --color-result-search-url-font: #000;
-
   // Images Colors
   --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
   --color-result-image-span-font: #fff;
   --color-result-image-background: #000bbb;
-
   /// Settings Colors
   --color-settings-tr-hover: #f7f7f7;
   --color-settings-engine-description-font: darken(#dcdcdc, 30%);
-
   /// Toolkit Colors
   --color-toolkit-badge-font: #fff;
   --color-toolkit-badge-background: #777;
@@ -108,6 +95,99 @@ html {
   --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
 }
 
+/// Dark Theme (autoswitch based on device pref)
+@media (prefers-color-scheme: dark) {
+  html {
+    /// Base Colors
+    --color-base-font: #bbb;
+    --color-base-background: #222;
+    --color-url-font: #8af;
+    --color-url-visited-font: #96b;
+    /// Header Colors
+    --color-header-background: #181818;
+    --color-header-border: #333;
+    /// Footer Colors
+    --color-footer-background: #181818;
+    --color-footer-border: #333;
+    /// Sidebar Colors
+    --color-sidebar-border: #333;
+    --color-sidebar-font: #fff;
+    /// BackToTop Colors
+    --color-backtotop-border: #333;
+    --color-backtotop-background: #181818;
+    --color-backtotop-shadow: #444;
+    /// Button Colors
+    --color-btn-background: #58f;
+    --color-btn-font: #fff;
+    /// Search Input Colors
+    --color-search-border: #444;
+    --color-search-background: #222;
+    --color-search-font: #fff;
+    --color-search-background-hover: #58f;
+    /// Modal Colors
+    --color-error: #f55b5b;
+    --color-error-background: darken(#db3434, 40%);
+    --color-warning: #f1d561;
+    --color-warning-background: darken(#dbba34, 40%);
+    --color-success: #79f56e;
+    --color-success-background: darken(#42db34, 40%);
+    /// Categories Colors
+    --color-categories-item-selected-font: #58f;
+    --color-categories-item-border-selected: #58f;
+    /// Autocomplete Colors
+    --color-autocomplete-font: #fff;
+    --color-autocomplete-border: #444;
+    --color-autocomplete-background: #222;
+    --color-autocomplete-background-hover: #181818;
+    /// Answer Colors
+    --color-answer-border: #ddd;
+    --color-answer-font: #fff;
+    /// Results Colors
+    --color-result-shadow: #444;
+    --color-result-border: #333;
+    --color-result-url-font: #fff;
+    --color-result-vim-selected: #181818;
+    --color-result-vim-arrow: #8af;
+    --color-result-description-highlight-font: #fff;
+    --color-result-link-font: #8af;
+    --color-result-link-font-highlight: #8af;
+    --color-result-link-visited-font: #96b;
+    --color-result-publishdate-font: #777;
+    --color-result-engines-font: #777;
+    --color-result-search-url-border: #333;
+    --color-result-search-url-font: #fff;
+    // Images Colors
+    --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
+    --color-result-image-span-font: #fff;
+    --color-result-image-background: #8af;
+    /// Settings Colors
+    --color-settings-tr-hover: #333;
+    --color-settings-engine-description-font: darken(#dcdcdc, 30%);
+    /// Toolkit Colors
+    --color-toolkit-badge-font: #fff;
+    --color-toolkit-badge-background: #777;
+    --color-toolkit-kbd-font: #000;
+    --color-toolkit-kbd-background: #fff;
+    --color-toolkit-dialog-border: #333;
+    --color-toolkit-dialog-background: #222;
+    --color-toolkit-tabs-label-border: #222;
+    --color-toolkit-tabs-section-border: #333;
+    --color-toolkit-select-border: #333;
+    --color-toolkit-checkbox-onoff-background: #ddd;
+    --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
+    --color-toolkit-checkbox-onoff-label-background: #58f;
+    --color-toolkit-checkbox-onoff-checked-background: #ddd;
+    --color-toolkit-checkbox-label-background: #fff;
+    --color-toolkit-checkbox-label-border: #333;
+    --color-toolkit-checkbox-input-border: #58f;
+    --color-toolkit-engine-tooltip-border: #333;
+    --color-toolkit-engine-tooltip-shadow: #444;
+    --color-toolkit-engine-tooltip-background: #222;
+    --color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
+    --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
+  }
+}
+
 /// General Size
 @results-width: 45rem;
 @results-offset: 10rem;

From d8c98396252c9d0f56a1bb6a954b8d2653ed464f Mon Sep 17 00:00:00 2001
From: MrPaulBlack <paul.accounts@protonmail.com>
Date: Sat, 9 Oct 2021 16:03:58 +0200
Subject: [PATCH 7/7] [build] /static

---
 .../static/themes/simple/css/searxng-rtl.css  | 499 +++++++++++-------
 .../themes/simple/css/searxng-rtl.min.css     | Bin 35156 -> 43637 bytes
 .../themes/simple/css/searxng-rtl.min.css.map | Bin 19606 -> 21510 bytes
 searx/static/themes/simple/css/searxng.css    | 499 +++++++++++-------
 .../static/themes/simple/css/searxng.min.css  | Bin 35117 -> 43598 bytes
 .../themes/simple/css/searxng.min.css.map     | Bin 19550 -> 21454 bytes
 6 files changed, 642 insertions(+), 356 deletions(-)

diff --git a/searx/static/themes/simple/css/searxng-rtl.css b/searx/static/themes/simple/css/searxng-rtl.css
index bb771d23e..f6ce5a5bc 100644
--- a/searx/static/themes/simple/css/searxng-rtl.css
+++ b/searx/static/themes/simple/css/searxng-rtl.css
@@ -819,6 +819,156 @@ template {
  *
  * To change the colors of the site, simple edit this variables
  */
+html {
+  --color-base-font: #444;
+  --color-base-background: #fff;
+  --color-url-font: #29314d;
+  --color-url-visited-font: #80b;
+  --color-header-background: #f7f7f7;
+  --color-header-border: #ddd;
+  --color-footer-background: #f7f7f7;
+  --color-footer-border: #ddd;
+  --color-sidebar-border: #ddd;
+  --color-sidebar-font: #000;
+  --color-backtotop-border: #ddd;
+  --color-backtotop-background: #fff;
+  --color-backtotop-shadow: #ccc;
+  --color-btn-background: #3050ff;
+  --color-btn-font: #fff;
+  --color-search-border: #bbb;
+  --color-search-background: #fff;
+  --color-search-font: #222;
+  --color-search-background-hover: #3050ff;
+  --color-error: #db3434;
+  --color-error-background: #fae1e1;
+  --color-warning: #dbba34;
+  --color-warning-background: #faf5e1;
+  --color-success: #42db34;
+  --color-success-background: #e3fae1;
+  --color-categories-item-selected-font: #3050ff;
+  --color-categories-item-border-selected: #3050ff;
+  --color-autocomplete-font: #000;
+  --color-autocomplete-border: #bbb;
+  --color-autocomplete-background: #fff;
+  --color-autocomplete-background-hover: #f7f7f7;
+  --color-answer-border: #ddd;
+  --color-answer-font: #000;
+  --color-result-shadow: #ccc;
+  --color-result-border: #ddd;
+  --color-result-url-font: #000;
+  --color-result-vim-selected: #f7f7f7;
+  --color-result-vim-arrow: #000bbb;
+  --color-result-description-highlight-font: #000;
+  --color-result-link-font: #000bbb;
+  --color-result-link-font-highlight: #000bbb;
+  --color-result-link-visited-font: #80b;
+  --color-result-publishdate-font: #777;
+  --color-result-engines-font: #777;
+  --color-result-search-url-border: #ddd;
+  --color-result-search-url-font: #000;
+  --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
+  --color-result-image-span-font: #fff;
+  --color-result-image-background: #000bbb;
+  --color-settings-tr-hover: #f7f7f7;
+  --color-settings-engine-description-font: #909090;
+  --color-toolkit-badge-font: #fff;
+  --color-toolkit-badge-background: #777;
+  --color-toolkit-kbd-font: #fff;
+  --color-toolkit-kbd-background: #000;
+  --color-toolkit-dialog-border: #ddd;
+  --color-toolkit-dialog-background: #fff;
+  --color-toolkit-tabs-label-border: #fff;
+  --color-toolkit-tabs-section-border: #ddd;
+  --color-toolkit-select-border: #ddd;
+  --color-toolkit-checkbox-onoff-background: #ddd;
+  --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
+  --color-toolkit-checkbox-onoff-label-background: #3050ff;
+  --color-toolkit-checkbox-onoff-checked-background: #ddd;
+  --color-toolkit-checkbox-label-background: #fff;
+  --color-toolkit-checkbox-label-border: #ddd;
+  --color-toolkit-checkbox-input-border: #3050ff;
+  --color-toolkit-engine-tooltip-border: #ddd;
+  --color-toolkit-engine-tooltip-shadow: #ccc;
+  --color-toolkit-engine-tooltip-background: #fff;
+  --color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
+  --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
+}
+@media (prefers-color-scheme: dark) {
+  html {
+    --color-base-font: #bbb;
+    --color-base-background: #222;
+    --color-url-font: #8af;
+    --color-url-visited-font: #96b;
+    --color-header-background: #181818;
+    --color-header-border: #333;
+    --color-footer-background: #181818;
+    --color-footer-border: #333;
+    --color-sidebar-border: #333;
+    --color-sidebar-font: #fff;
+    --color-backtotop-border: #333;
+    --color-backtotop-background: #181818;
+    --color-backtotop-shadow: #444;
+    --color-btn-background: #58f;
+    --color-btn-font: #fff;
+    --color-search-border: #444;
+    --color-search-background: #222;
+    --color-search-font: #fff;
+    --color-search-background-hover: #58f;
+    --color-error: #f55b5b;
+    --color-error-background: #390a0a;
+    --color-warning: #f1d561;
+    --color-warning-background: #39300a;
+    --color-success: #79f56e;
+    --color-success-background: #0e390a;
+    --color-categories-item-selected-font: #58f;
+    --color-categories-item-border-selected: #58f;
+    --color-autocomplete-font: #fff;
+    --color-autocomplete-border: #444;
+    --color-autocomplete-background: #222;
+    --color-autocomplete-background-hover: #181818;
+    --color-answer-border: #ddd;
+    --color-answer-font: #fff;
+    --color-result-shadow: #444;
+    --color-result-border: #333;
+    --color-result-url-font: #fff;
+    --color-result-vim-selected: #181818;
+    --color-result-vim-arrow: #8af;
+    --color-result-description-highlight-font: #fff;
+    --color-result-link-font: #8af;
+    --color-result-link-font-highlight: #8af;
+    --color-result-link-visited-font: #96b;
+    --color-result-publishdate-font: #777;
+    --color-result-engines-font: #777;
+    --color-result-search-url-border: #333;
+    --color-result-search-url-font: #fff;
+    --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
+    --color-result-image-span-font: #fff;
+    --color-result-image-background: #8af;
+    --color-settings-tr-hover: #333;
+    --color-settings-engine-description-font: #909090;
+    --color-toolkit-badge-font: #fff;
+    --color-toolkit-badge-background: #777;
+    --color-toolkit-kbd-font: #000;
+    --color-toolkit-kbd-background: #fff;
+    --color-toolkit-dialog-border: #333;
+    --color-toolkit-dialog-background: #222;
+    --color-toolkit-tabs-label-border: #222;
+    --color-toolkit-tabs-section-border: #333;
+    --color-toolkit-select-border: #333;
+    --color-toolkit-checkbox-onoff-background: #ddd;
+    --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
+    --color-toolkit-checkbox-onoff-label-background: #58f;
+    --color-toolkit-checkbox-onoff-checked-background: #ddd;
+    --color-toolkit-checkbox-label-background: #fff;
+    --color-toolkit-checkbox-label-border: #333;
+    --color-toolkit-checkbox-input-border: #58f;
+    --color-toolkit-engine-tooltip-border: #333;
+    --color-toolkit-engine-tooltip-shadow: #444;
+    --color-toolkit-engine-tooltip-background: #222;
+    --color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
+    --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
+  }
+}
 /*
 * SearXNG, A privacy-respecting, hackable metasearch engine
 */
@@ -1201,18 +1351,18 @@ html.js .show_if_nojs {
   margin-bottom: 4px;
 }
 .danger {
-  background-color: #fae1e1;
+  background-color: var(--color-error-background);
 }
 .warning {
-  background: #faf5e1;
+  background: var(--color-warning-background);
 }
 .success {
-  background: #e3fae1;
+  background: var(--color-success-background);
 }
 .badge {
   display: inline-block;
-  color: #fff;
-  background-color: #777;
+  color: var(--color-toolkit-badge-font);
+  background-color: var(--color-toolkit-badge-background);
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
@@ -1224,14 +1374,14 @@ kbd {
   padding: 2px 4px;
   margin: 1px;
   font-size: 90%;
-  color: white;
-  background: black;
+  color: var(--color-toolkit-kbd-font);
+  background: var(--color-toolkit-kbd-background);
 }
 table {
   width: 100%;
 }
 table.striped tr {
-  border-bottom: 1px solid #ececec;
+  border-bottom: 1px solid var(--color-settings-tr-hover);
 }
 th {
   padding: 0.4em;
@@ -1240,13 +1390,13 @@ td {
   padding: 0 4px;
 }
 tr:hover {
-  background: #ececec;
+  background: var(--color-settings-tr-hover);
 }
 div.selectable_url {
   display: block;
-  border: 1px solid #888;
+  border: 1px solid var(--color-result-search-url-border);
   padding: 4px;
-  color: #444;
+  color: var(--color-result-search-url-font);
   margin: 0.1em;
   overflow: hidden;
   height: 1.2em;
@@ -1266,12 +1416,14 @@ div.selectable_url pre {
   position: relative;
   padding: 1em 1em 1em 2.7em;
   margin: 0 0 1em 0;
-  border: 1px solid black;
-  border-radius: 4px;
+  border: 1px solid var(--color-toolkit-dialog-border);
   text-align: left;
-  color: #db3434;
-  background: #fae1e1;
-  border-color: #db3434;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  color: var(--color-error);
+  background: var(--color-error-background);
+  border-color: var(--color-error);
 }
 .dialog-error::before {
   position: absolute;
@@ -1315,12 +1467,14 @@ div.selectable_url pre {
   position: relative;
   padding: 1em 1em 1em 2.7em;
   margin: 0 0 1em 0;
-  border: 1px solid black;
-  border-radius: 4px;
+  border: 1px solid var(--color-toolkit-dialog-border);
   text-align: left;
-  color: #dbba34;
-  background: #faf5e1;
-  border-color: #dbba34;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  color: var(--color-warning);
+  background: var(--color-warning-background);
+  border-color: var(--color-warning);
 }
 .dialog-warning::before {
   position: absolute;
@@ -1364,10 +1518,12 @@ div.selectable_url pre {
   position: relative;
   padding: 1em 1em 1em 2.7em;
   margin: 0 0 1em 0;
-  border: 1px solid black;
-  border-radius: 4px;
+  border: 1px solid var(--color-toolkit-dialog-border);
   text-align: left;
-  background: white;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  background: var(--color-toolkit-dialog-background);
   position: fixed;
   top: 50%;
   left: 50%;
@@ -1449,7 +1605,7 @@ div.selectable_url pre {
   margin: 0 0.7em;
   letter-spacing: 0.5px;
   text-transform: uppercase;
-  border: solid white;
+  border: solid var(--color-toolkit-tabs-label-border);
   border-width: 0 0 2px 0;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -1460,19 +1616,19 @@ div.selectable_url pre {
   cursor: pointer;
 }
 .tabs > label:hover {
-  border-bottom: 2px solid #084999;
+  border-bottom: 2px solid var(--color-categories-item-border-selected);
 }
 .tabs > section {
   min-width: 100%;
   padding: 0.7rem 0;
   box-sizing: border-box;
-  border-top: 1px solid black;
+  border-top: 1px solid var(--color-toolkit-tabs-section-border);
   display: none;
 }
 .tabs > label:last-of-type {
-  border-bottom: 2px solid #084999;
-  background: #3498DB;
-  color: #FFF;
+  border-bottom: 2px solid var(--color-categories-item-border-selected);
+  background: var(--color-categories-item-selected);
+  color: var(--color-categories-item-selected-font);
   font-weight: bold;
   letter-spacing: -0.1px;
 }
@@ -1490,12 +1646,12 @@ html body .tabs > input:checked ~ label {
   color: inherit;
 }
 html body .tabs > input:checked ~ label:hover {
-  border-bottom: 2px solid #084999;
+  border-bottom: 2px solid var(--color-categories-item-border-selected);
 }
 html body .tabs > input:checked + label {
-  border-bottom: 2px solid #084999;
-  background: #3498DB;
-  color: #FFF;
+  border-bottom: 2px solid var(--color-categories-item-border-selected);
+  background: var(--color-categories-item-selected);
+  color: var(--color-categories-item-selected-font);
 }
 html body .tabs > input:checked + label + section {
   display: block;
@@ -1505,7 +1661,7 @@ select {
   height: 28px;
   margin: 0 1em 0 0;
   padding: 2px 8px 2px 0 !important;
-  color: #222;
+  color: var(--color-search-font);
   font-size: 12px;
   z-index: 2;
 }
@@ -1519,7 +1675,7 @@ select:focus {
     -webkit-appearance: none;
     -moz-appearance: none;
     border: none;
-    border-bottom: 1px solid #d7d7d7;
+    border-bottom: 1px solid var(--color-toolkit-select-border);
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTI4LDE5MiAyNTYsMzIwIDM4NCwxOTIiLz48L2c+PC9zdmc+Cg==) no-repeat;
     background-position-x: 105%;
     background-size: 2em;
@@ -1528,7 +1684,7 @@ select:focus {
   }
   select:hover,
   select:focus {
-    border-bottom: 1px solid #3498DB;
+    border-bottom: 1px solid var(--color-search-border);
   }
 }
 /* -- checkbox-onoff -- */
@@ -1537,7 +1693,7 @@ select:focus {
     display: inline-block;
     width: 40px;
     height: 10px;
-    background: #dcdcdc;
+    background: var(--color-toolkit-checkbox-onoff-background);
     margin: 8px 1rem;
     position: relative;
     border-radius: 50px;
@@ -1550,17 +1706,17 @@ select:focus {
     top: -5px;
     cursor: pointer;
     border-radius: 50px;
-    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
+    box-shadow: 0 3px 5px 0 var(--color-toolkit-checkbox-onoff-label-shadow);
     transition: all 0.4s ease;
     left: 27px;
-    background-color: #3498db;
+    background-color: var(--color-toolkit-checkbox-onoff-label-background);
   }
   .checkbox-onoff input[type=checkbox] {
     visibility: hidden;
   }
   .checkbox-onoff input[type=checkbox]:checked + label {
     left: -5px;
-    background: #dcdcdc;
+    background: var(--color-toolkit-checkbox-onoff-checked-background);
   }
 }
 /* -- checkbox -- */
@@ -1577,9 +1733,10 @@ select:focus {
     position: absolute;
     top: 0;
     left: 0;
-    background: white;
-    border-radius: 4px;
-    box-shadow: inset 0 1px 1px white, 0 1px 4px rgba(0, 0, 0, 0.5);
+    background: var(--color-toolkit-checkbox-label-background);
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
   }
   .checkbox label::after {
     content: '';
@@ -1588,7 +1745,7 @@ select:focus {
     position: absolute;
     top: 4px;
     left: 4px;
-    border: 3px solid #333;
+    border: 3px solid var(--color-toolkit-checkbox-label-border);
     border-top: none;
     border-right: none;
     background: transparent;
@@ -1599,7 +1756,7 @@ select:focus {
     visibility: hidden;
   }
   .checkbox input[type=checkbox]:checked + label::after {
-    border-color: #3498db;
+    border-color: var(--color-toolkit-checkbox-input-border);
     opacity: 1;
   }
   .checkbox input[disabled] + label {
@@ -1628,10 +1785,10 @@ select:focus {
   font-size: 10px;
   position: relative;
   text-indent: -9999em;
-  border-top: 0.5em solid rgba(0, 0, 0, 0.2);
-  border-right: 0.5em solid rgba(0, 0, 0, 0.2);
-  border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
-  border-left: 0.5em solid rgba(255, 255, 255, 0);
+  border-top: 0.5em solid var(--color-toolkit-loader-border);
+  border-right: 0.5em solid var(--color-toolkit-loader-border);
+  border-bottom: 0.5em solid var(--color-toolkit-loader-border);
+  border-left: 0.5em solid var(--color-toolkit-loader-borderleft);
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
@@ -1664,13 +1821,16 @@ select:focus {
   position: absolute;
   padding: 0.5rem 1rem;
   margin: 0 0 0 2rem;
-  border: 1px solid #ddd;
-  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
-  background: white;
+  border: 1px solid var(--color-toolkit-engine-tooltip-border);
+  box-shadow: 0 0 5px var(--color-toolkit-engine-tooltip-shadow);
+  background: var(--color-toolkit-engine-tooltip-background);
   font-size: 14px;
   font-weight: normal;
   z-index: 1000000;
   text-align: left;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 th:hover .engine-tooltip,
 td:hover .engine-tooltip,
@@ -1746,11 +1906,14 @@ td:hover .engine-tooltip,
   max-height: 0;
   overflow-y: hidden;
   text-align: left;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 .autocomplete:active,
 .autocomplete:focus,
 .autocomplete:hover {
-  background-color: white;
+  background-color: var(--color-autocomplete-background);
 }
 .autocomplete:empty {
   display: none;
@@ -1762,22 +1925,26 @@ td:hover .engine-tooltip,
 }
 .autocomplete > ul > li {
   cursor: pointer;
-  padding: 5px 0 5px 10px;
+  padding: 8px 0 8px 8px;
 }
 .autocomplete > ul > li.active,
 .autocomplete > ul > li:active,
-.autocomplete > ul > li:focus {
-  background-color: #3498DB;
+.autocomplete > ul > li:focus,
+.autocomplete > ul > li:hover {
+  background-color: var(--color-autocomplete-background-hover);
 }
 .autocomplete > ul > li.active a:active,
 .autocomplete > ul > li:active a:active,
 .autocomplete > ul > li:focus a:active,
+.autocomplete > ul > li:hover a:active,
 .autocomplete > ul > li.active a:focus,
 .autocomplete > ul > li:active a:focus,
 .autocomplete > ul > li:focus a:focus,
+.autocomplete > ul > li:hover a:focus,
 .autocomplete > ul > li.active a:hover,
 .autocomplete > ul > li:active a:hover,
-.autocomplete > ul > li:focus a:hover {
+.autocomplete > ul > li:focus a:hover,
+.autocomplete > ul > li:hover a:hover {
   text-decoration: none;
 }
 .autocomplete > ul > li.locked {
@@ -1785,8 +1952,9 @@ td:hover .engine-tooltip,
 }
 .autocomplete.open {
   display: block;
-  background-color: white;
-  border: 1px solid #3498DB;
+  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;
@@ -1799,8 +1967,7 @@ td:hover .engine-tooltip,
     bottom: 0;
   }
   .autocomplete > ul > li {
-    padding: 7px 0 7px 10px;
-    border-bottom: 1px solid #E8E7E6;
+    border-bottom: 1px solid var(--color-result-top-border);
     text-align: left;
   }
 }
@@ -1847,9 +2014,6 @@ td:hover .engine-tooltip,
     margin-top: 0;
   }
 }
-.column-reliability .engine-tooltip {
-  right: 12rem;
-}
 #tab-contentquery table td,
 #tab-contentquery table th {
   text-align: left !important;
@@ -1880,7 +2044,7 @@ td:hover .engine-tooltip,
   padding: 5px 0 0 0;
   float: left;
   width: 50%;
-  color: #909090;
+  color: var(--color-settings-engine-description-font);
   font-size: 90%;
 }
 #main_preferences select {
@@ -1907,27 +2071,27 @@ td:hover .engine-tooltip,
 }
 #main_preferences table.cookies > tbody > tr:nth-child(even) > th,
 #main_preferences table.cookies > tbody > tr:nth-child(even) > td {
-  background-color: #ececec;
+  background-color: var(--color-settings-tr-hover);
 }
 #main_preferences .name,
 #main_preferences .shortcut {
   text-align: left;
 }
 #main_preferences .preferences_back {
-  background: none repeat scroll 0 0 #3498DB;
-  color: white;
+  background: none repeat scroll 0 0 var(--color-btn-background);
+  color: var(--color-btn-font);
   border: 0 none;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
   cursor: pointer;
   display: inline-block;
   margin: 2px 4px;
-  padding: 0.5em;
+  padding: 0.7em;
 }
 #main_preferences .preferences_back a {
   display: block;
-  color: #FFF;
+  color: var(--color-settings-return-font);
 }
 #main_preferences .preferences_back a::first-letter {
   text-transform: uppercase;
@@ -1957,11 +2121,11 @@ td:hover .engine-tooltip,
 #search {
   padding: 0 2em 0 10rem;
   margin: 0;
-  background: #f7f7f7;
-  border-bottom: 1px solid #d7d7d7;
+  background: var(--color-header-background);
+  border-bottom: 1px solid var(--color-header-border);
 }
 #search_wrapper {
-  padding: 10px 0;
+  padding: 20px 0 10px 0;
 }
 .search_box {
   margin: 0 12px 0 0;
@@ -1980,21 +2144,20 @@ td:hover .engine-tooltip,
   box-sizing: border-box;
   width: 1.8em;
   margin: 0;
-  padding: 2px;
-  height: 2.2em;
-  background: none repeat scroll 0 0 #FFF;
-  border-top: 1px solid #3498DB;
-  border-bottom: 1px solid #3498DB;
+  padding: 8px 2px;
+  background: none repeat scroll 0 0 var(--color-search-background);
+  border-top: 1px solid var(--color-search-border);
+  border-bottom: 1px solid var(--color-search-border);
   border-right: none;
   border-left: none;
   border-radius: 0;
   outline: none;
-  color: #222;
+  color: var(--color-search-font);
   font-size: 16px;
   z-index: 10000;
 }
 #clear_search:hover {
-  color: #3498DB;
+  color: var(--color-search-background-hover);
 }
 #clear_search.empty * {
   display: none;
@@ -2005,22 +2168,22 @@ td:hover .engine-tooltip,
   border-collapse: separate;
   box-sizing: border-box;
   margin: 0;
-  padding: 2px;
-  height: 2.2em;
-  background: none repeat scroll 0 0 #FFF;
-  border: 1px solid #3498DB;
+  padding: 8px;
+  background: none repeat scroll 0 0 var(--color-search-background);
+  border: 1px solid var(--color-search-border);
   border-radius: 0;
   outline: none;
-  color: #222;
+  color: var(--color-search-font);
   font-size: 16px;
   z-index: 2;
 }
 #q {
   outline: medium none;
-  padding-left: 8px;
+  padding-left: 12px;
   padding-right: 0 !important;
   border-right: none;
   width: 40rem;
+  border-radius: 10px 0 0 10px;
 }
 #q::-ms-clear,
 #q::-webkit-search-cancel-button {
@@ -2028,12 +2191,12 @@ td:hover .engine-tooltip,
 }
 #send_search {
   border-left: none;
-  width: 2.2em;
+  border-radius: 0 10px 10px 0;
 }
 #send_search:hover {
   cursor: pointer;
-  background-color: #3498DB;
-  color: #ECF0F1;
+  background-color: var(--color-search-background-hover);
+  color: var(--color-search-background);
 }
 .no-js #send_search {
   width: auto !important;
@@ -2132,9 +2295,6 @@ td:hover .engine-tooltip,
   position: relative;
   margin: 0 3px;
   padding: 0;
-  /* label:hover {
-  border-bottom: 2px solid @color-categories-item-border-unselected-hover;
-  } */
 }
 .category input {
   display: none;
@@ -2155,31 +2315,15 @@ td:hover .engine-tooltip,
   user-select: none;
 }
 .category input[type="checkbox"]:focus + label {
-  box-shadow: 0 0 8px #3498db;
+  box-shadow: 0 0 8px var(--color-categories-item-border-selected);
 }
 .category input[type="checkbox"]:checked + label {
-  background: #3498DB;
-  color: #FFF;
-  border-bottom: 2px solid #084999;
+  color: var(--color-categories-item-selected-font);
+  border-bottom: 2px solid var(--color-categories-item-border-selected);
 }
 #categories_container {
   position: relative;
 }
-#categories_container .help {
-  position: absolute;
-  width: 100%;
-  bottom: -20px;
-  overflow: hidden;
-  opacity: 0;
-  transition: opacity 1s ease;
-  font-size: 0.8em;
-  text-align: center;
-  background: white;
-}
-#categories_container:hover .help {
-  opacity: 0.8;
-  transition: opacity 1s ease;
-}
 .ion-icon-big {
   display: inline-block;
   line-height: 1;
@@ -2203,7 +2347,8 @@ html {
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   text-size-adjust: 100%;
-  color: #444;
+  color: var(--color-base-font);
+  background-color: var(--color-base-background);
   padding: 0;
   margin: 0;
 }
@@ -2235,8 +2380,8 @@ footer {
   padding: 1rem 0;
   width: 100%;
   text-align: center;
-  background-color: #f7f7f7;
-  border-top: 1px solid #d7d7d7;
+  background-color: var(--color-footer-background);
+  border-top: 1px solid var(--color-footer-border);
   overflow: hidden;
 }
 footer p {
@@ -2255,28 +2400,28 @@ footer p {
 }
 input[type="submit"],
 #results button[type="submit"] {
-  padding: 0.5rem;
+  padding: 0.7rem;
   display: inline-block;
-  background: #3498DB;
-  color: #FFF;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
+  background: var(--color-btn-background);
+  color: var(--color-btn-font);
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
   border: 0;
   cursor: pointer;
 }
 a {
   text-decoration: none;
-  color: #29314d;
+  color: var(--color-url-font);
 }
 a:visited {
-  color: #684898;
+  color: var(--color-url-visited-font);
 }
 a:visited .highlight {
-  color: #684898;
+  color: var(--color-url-visited-font);
 }
 article[data-vim-selected] {
-  background: #f7f7f7;
+  background: var(--color-result-vim-selected);
 }
 article[data-vim-selected]::before {
   position: absolute;
@@ -2284,17 +2429,17 @@ article[data-vim-selected]::before {
   padding: 2px;
   content: ">";
   font-weight: bold;
-  color: #3498DB;
+  color: var(--color-result-vim-arrow);
 }
 article.result-images[data-vim-selected] {
-  background: #3498DB;
+  background: var(--color-result-vim-arrow);
 }
 article.result-images[data-vim-selected]::before {
   display: none;
   content: "";
 }
 .result {
-  margin: 19px 0 18px 0;
+  margin: 2rem 0;
   padding: 0;
 }
 .result h3 {
@@ -2305,12 +2450,12 @@ article.result-images[data-vim-selected]::before {
   margin-bottom: 0;
 }
 .result h3 a {
-  color: #084999;
+  color: var(--color-result-link-font);
   font-weight: normal;
   font-size: 1.1em;
 }
 .result h3 a:visited {
-  color: #684898;
+  color: var(--color-result-link-visited-font);
 }
 .result h3 a:focus,
 .result h3 a:hover {
@@ -2337,7 +2482,7 @@ article.result-images[data-vim-selected]::before {
 .result .content .highlight,
 .result .stat .highlight,
 .result .altlink .highlight {
-  color: #000000;
+  color: var(--color-result-description-highlight-font);
   background: inherit;
   font-weight: bold;
 }
@@ -2352,11 +2497,11 @@ article.result-images[data-vim-selected]::before {
   padding: 0;
   max-width: 54em;
   word-wrap: break-word;
-  color: #25a55b;
+  color: var(--color-result-url-font);
 }
 .result .published_date {
   font-size: 0.8em;
-  color: #888;
+  color: var(--color-result-publishdate-font);
 }
 .result img.thumbnail {
   float: left;
@@ -2387,7 +2532,7 @@ article.result-images[data-vim-selected]::before {
 }
 .engines {
   float: right;
-  color: #888;
+  color: var(--color-result-engines-font);
 }
 .engines span {
   font-size: smaller;
@@ -2397,9 +2542,8 @@ article.result-images[data-vim-selected]::before {
   font-size: 0.8em;
 }
 .highlight {
-  color: #094089;
+  color: var(--color-result-link-font-highlight);
   background: inherit;
-  font-weight: bold;
 }
 .result-images {
   display: inline-block;
@@ -2414,11 +2558,11 @@ article.result-images[data-vim-selected]::before {
   padding: 0;
   border: none;
   max-height: 200px;
-  background: #084999;
+  background: var(--color-result-image-background);
 }
 .result-images span a {
   display: none;
-  color: #FFF;
+  color: var(--color-result-image-span-font);
 }
 .result-images:hover span a {
   display: block;
@@ -2427,7 +2571,7 @@ article.result-images[data-vim-selected]::before {
   right: 0;
   padding: 4px;
   margin: 0 0 4px 4px;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: var(--color-result-image-span-background-hover);
   font-size: 0.7em;
 }
 .result-map img.image {
@@ -2454,23 +2598,6 @@ article.result-images[data-vim-selected]::before {
 .hidden {
   display: none !important;
 }
-.torrent_result {
-  border-left: 10px solid lightgray;
-  padding-left: 3px;
-}
-.torrent_result p {
-  margin: 3px;
-  font-size: 0.8em;
-}
-.torrent_result a {
-  color: #084999;
-}
-.torrent_result a:hover {
-  text-decoration: underline;
-}
-.torrent_result a:visited {
-  color: #684898;
-}
 #results {
   margin: 2rem 2rem 0 10rem;
   display: grid;
@@ -2506,7 +2633,7 @@ article.result-images[data-vim-selected]::before {
   font-size: 0.9em;
   display: inline-block;
   background: transparent;
-  color: #444;
+  color: var(--color-result-search-url-font);
   cursor: pointer;
 }
 #suggestions input[type="submit"],
@@ -2517,7 +2644,7 @@ article.result-images[data-vim-selected]::before {
 #answers .infobox .url a,
 #infoboxes .infobox .url a,
 #corrections .infobox .url a {
-  color: #084999;
+  color: var(--color-result-link-font);
   text-decoration: none;
   font-size: 0.9rem;
 }
@@ -2549,13 +2676,17 @@ article.result-images[data-vim-selected]::before {
 #search_url .title,
 #apis .title {
   margin: 2em 0 0.5em 0;
-  color: #444;
+  color: var(--color-base-font);
 }
 #answers {
   grid-area: answers;
-  border: 1px solid #ddd;
+  border: 1px solid var(--color-answer-border);
   padding: 0.9em;
-  box-shadow: 0 0 5px #ccc;
+  margin-bottom: 2rem;
+  color: var(--color-answer-font);
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 #answers h4 {
   display: none;
@@ -2572,13 +2703,16 @@ article.result-images[data-vim-selected]::before {
 #sidebar {
   grid-area: sidebar;
   word-wrap: break-word;
+  color: var(--color-sidebar-font);
 }
 #sidebar .infobox {
   margin: 10px 0 10px;
-  border: 1px solid #ddd;
+  border: 1px solid var(--color-sidebar-border);
   padding: 0.9em;
   font-size: 0.9em;
-  box-shadow: 0 0 5px #ccc;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 #sidebar .infobox h2 {
   margin: 0 0 0.5em 0;
@@ -2628,13 +2762,13 @@ article.result-images[data-vim-selected]::before {
   border: 0;
   display: block;
   font-size: 1.2em;
-  color: #222;
+  color: var(--color-search-font);
 }
 #linkto_preferences a:link *,
 #linkto_preferences a:hover *,
 #linkto_preferences a:visited *,
 #linkto_preferences a:active * {
-  color: #222;
+  color: var(--color-search-font);
 }
 #pagination {
   grid-area: pagination;
@@ -2647,22 +2781,25 @@ article.result-images[data-vim-selected]::before {
   clear: both;
 }
 #backToTop {
-  border: 1px solid #ddd;
+  border: 1px solid var(--color-backtotop-border);
   margin: 0;
   padding: 0;
   font-size: 1em;
-  box-shadow: 0 0 5px #ccc;
-  background: white;
+  box-shadow: 0 0 5px var(--color-backtotop-shadow);
+  background: var(--color-backtotop-background);
   position: fixed;
   bottom: 8rem;
   left: 56.3rem;
   transition: opacity 0.5s;
   opacity: 0;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 #backToTop a {
   display: block;
   margin: 0;
-  padding: 0.6em;
+  padding: 0.7em;
 }
 @media screen and (max-width: 80em) {
   #main_preferences,
@@ -2684,6 +2821,7 @@ article.result-images[data-vim-selected]::before {
     margin: 0.5em 0.5em 0.5em 0;
   }
   #sidebar {
+    margin-bottom: 2rem;
     padding: 0;
     float: none;
     border: none;
@@ -2698,12 +2836,6 @@ article.result-images[data-vim-selected]::before {
   #search_url {
     display: none;
   }
-  .result {
-    border-bottom: 1px solid #E8E7E6;
-    margin: 0;
-    padding-top: 8px;
-    padding-bottom: 6px;
-  }
   .result h3 {
     margin: 0 0 1px 0;
   }
@@ -2789,9 +2921,13 @@ article.result-images[data-vim-selected]::before {
   #sidebar {
     margin: 0 5px 2px 5px;
   }
+  .infobox {
+    box-shadow: 0 0 5px var(--color-result-shadow);
+  }
   #corrections,
   #answers {
     margin: 0 5px 1em 5px;
+    box-shadow: 0 0 5px var(--color-result-shadow);
   }
   #results {
     margin: 0;
@@ -2802,11 +2938,18 @@ article.result-images[data-vim-selected]::before {
   }
   .result {
     padding: 8px 10px 6px 10px;
+    margin: 0.5rem;
+    border: 1px solid var(--color-result-border);
+    box-shadow: 0 0 5px var(--color-result-shadow);
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
   }
   .result-images {
     margin: 0;
     padding: 0;
     border: none;
+    box-shadow: none;
   }
 }
 @media screen and (max-width: 35em) {
diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css b/searx/static/themes/simple/css/searxng-rtl.min.css
index 74b0a425066931a66f4bc9ca1646f7eef4e01ce7..cb34a62079accaec58c2a4e4c4b7e8be51d34760 100644
GIT binary patch
delta 11039
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

delta 2539
zcmb7FTWr&26jnkY1x8_93W!THOo6f{bK+bayB8H`cPlGwqXp5abL>BfA&FhbX~Lom
zssW{1VbHUoZD>H*14EkBP2PBzgiw(XnuIhlv4?4UK;mgPCLXp&w*QaqkhU-}{j%lD
z`M>j>bG~!_zivBkk2$}HtuXF3-Klj`aRK>}AMWtWDEu4`A%Dr2&50t)W{WXF+@H{t
zTt?z3#1Kn(p_w}M=JHvQNCYOEFD#|v@i<>?M$<G*wD4{UiDW@dYq;{<*UGG-SeE5g
zL6YQ5f(xnzUQ|+w#!<mw(D=1=i=&Ui2z*S@B&2yYL6URXvYCzwx>rcai42!Qaoye~
z#h4%yoWj5i$cC`sO*>;wd%N?0dx!}$JdiZa@IdU0joWrP!%rAPb>46ujSbKLG0R0V
z3elH;bW=1Nj7Fo-+O@|;0O4v^TZ8p+O2AAo%5K|YXQZ>U(-_^p!%^A4;FYzop}YRc
zwgR!f-<@z#fk41ecTgBdijZY|z4MCGO_|PM^z|hEA(92_c3oefC1S!Rx``|w19d$i
z(^87T!Jb1E%TVvtZc{Nc>KjuE-fU8klsqSAvPk#P9=}>BUt~v<`HBVOsdg1=gyim&
zi((iC9_+qhJ2n2?^OYl5Z5U{@%caSQq|W(5DDBBADOs9=7l42Eu9^}|0QkO@i_1`f
zP^ihiXyZWN8fP;lNfHLGP!C{!_C-%Y_G1E7-9(Da_O}^V`hRo5J*nF)yMT_?hA;%}
zA$LEm7GP&`8BE0Iz`}TFW$__`*V46B4s2yi#5XwL?#R=yJt?fI$}&gtXohN6uTlPV
zx!r@2vOjVs{&=`4uW(ZxY)7OcY&iFE&gXpCRW6<JYA7WOF*zmc2RuHMNyr)G)fFYB
z%WBa~sz0Eiw85vwv1p<+S;pK<7>mZ51>@>c7*O+zEgH6BNiOOK8XQ5Gl<Jm{nJ}&W
zVPK%m5rQuVT3i&CH;k+64MsB@@cW7y!q;O-v_xf*poz);ye6nB(u#JB(5v5AgzLg5
zQMvj7UjU_HQJymKhPvu%Y))qUR$9N!Z7VkdGz_v8=?@K#J`!sU;bu{PM9xe3XH2Zi
z`Bn!Df9E;qD(sz~mnA*PnS`ztg3D|kR((6RcG8`GqwPSg+ZH#}9`eA?J+*5es)3uf
zix2^CH!h?#Lskzp9;8G;M+rrfQMO-HGP-~ZsCj%zlv0bTl9hE?$#6mpD<!8R-sI({
z=>{B<t}AKI8zA~n29Xv|;Vw<el7uq6q6#8b1V{6_CS)uW>!Zh?^&laO_&9bq&zqIs
zLY$AqnV)Q4(o@YIE1>j9dR&tDvq;*meC*?W8C!=8hpT*=aPPEW9mXSM0WNW6kX=8#
z$${l`@5uV;O2l~^yR`g2gn0ZYTTca|j6W!q1a45q@gk{c)hf&e*(eJ&!>iqt_1r$Z
zu|lDJcom#DHWxl0eyO4*bgU8jhM%f>-!tDIEqA1!#od4HSgBIOzL91d*SIor0Y^y=
zh2!tuc2j|n5DLYhH0pDa^VRrn^dkO^pWyU~ehd%|(rgr)J`0ieCMtmQPHr~!-+S`y
zDKjr@%sQ2Gyz0{xO+y*IUqjhkN-tVnNseER%nEy`NDNu_q3$jJXVgMz+J28(gj?^|
zF<1aIehGFCO}$S44?m5p+cf>7=P?B^@?&S6WeEWL!2>&5<F(UAtgrVz^e!w9ZhJiV
zqELUX&P9o$2;Y2k8BTs2Sv$=DrOP6=G+bprd1i^xdq#B5CI@B-7M-nwUq0DqcKZIa
z1sA~?I~Q6?z-OEQ2hY6-wdZ|~u+egUfdk$c&%>>jm5eoh`Lv+nDT`anB8tbY%3)bl
f-mT6Is|Dlc`1iBnhl`uR`&kM)FZtl`rThN^+-6za

diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css.map b/searx/static/themes/simple/css/searxng-rtl.min.css.map
index b8cc2d4c9f6c4d94d6ebbe86ff8f06b47d2a1088..09e100eb0ee193ded40ed71e0ce794c9228eba2e 100644
GIT binary patch
delta 4150
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
ZU=rj}xNZ61dUpxvu@+A-3zuSLe*(~;Z?OOX

delta 2292
zcmaJ@O>7%g5Z2mhXj-C{{JJ0#r%j0Cyx5Ix;<!zkzFqHb)|<6!n~=6h2rGorv}u4e
zq*W_uFZ^C0Baq4ghze2<AS(G#{w`6G0I5=h1eYEV+>odc5(hwtikaD6r!8$St9kS0
z&71k=n|b@v1?BB?%EgUJwO2`O4bDzX!-wsnA*W4?ld9AX!WW}^s-e*9^@<H2bilY2
zMQIwMEHzzBNqPHafp&|uTalU+4oNmihgDyMS32jmdRq2lOUr<J!aM58rJaXlSg=^h
z!c*anM$eR;S`aIQ;N$SO8BaS+UM;%7b9FfD-CC?ES*nm>QO;(oZ}tR~CL^gD;#o|S
zl(eJ6Pum|Exs%tOclSD&)x;94b*15}9p5w=M>Rt%-sJn;?sCtae9!5%;5Att>^U3Q
z=$Tfa*wq4Sy-zY6ri78m5Q>B+oQibZPqF)%vs8l{K8?JVqHQZD<~6E`2Nb5tMz=p`
zI`Bf@q<_WLz9W1w-j<IZK(Q>HJY0;%;C${r_&s`hixe}p04ynCrKfF^TWF+;3GerJ
z^Ql4!uJj*ozdZmBtdyFOV)(6_k-7%6VxJ$uW#RY{v=6Les(c-n(x$3$Dy-x5ZqXee
zlXcxZRiye*Y`YTkB4Ns4+{7UNqm#6r6=QuO-V=~^bv6EcKsgS>iGeW2>9L2s3i@g_
zj+<GykT}?7lU0Iw;C^@BU{$14MKT4?B@=MgZt?S6OXjz_RHr~V8VlmlHgCV0Om!<w
zN3(`kRz|>)R`tNcLB;nmJ@g)nRt`3&Gh-f2YUB`wnrnM}P&dQ^_a=AI+`8y8#!SG=
zX${@k64UxFeOk#temJ(=*LE+DgF~1Tc07DE{AvRhh+R97$%LE!2eJd#BcVEC9=wqe
zQEz{eg5eRtX*&d(3#Ug^B;_xeLjAgDNX1)%m=vsJ9^k;x;qtDSV!`UJPWXFQZ_Gml
zJz+jr7(UCC_t}Y|dhRW=TG>4n2s}LjpO5ZUhT)&lOTj_M!0|V>>7+BHiUc-L686Pg
zxZw(@8A453^`{{Dq7sF?hC?_Jk}~C0me|}W_;+F(M9Z5xS%)K%47s`}F$sBT!WKOQ
z2NRoxG#zmS@5sA$CY`v!juF$26>?&_v>*15&7_OACR`v(v#Ru{$^5s9^El}cUtREe
zihQ}I6G!2XG0}(@t<P!Lz4zKpbA>y@g9>pr<++_V@o6G$$h#8A9)>10Iz)%C9+OlK
z&mBTT6Il1xm;?36grBOpq{5;)x{Z#SbE-Irh#ae-ZZ2qWMIC@M_6GQ2WD5kfB9k72
zd`#<L5ea)n`z(m`f=ad(O4(;{vNCIzVBT!2vox^)1Ns0o>ut!MsQxw6Ntf`Kz84<P
zhQKry!+gY~9JO(`9?Vuw0-ItAel#A%b2Kwx)co>Aw<B&DK1{v}70x0`9O1l~mfUt;
z6X5ge?)V7dvx1hIK%aPY5?fHXL&P(%^X_}ho_N&RaJ|$3sbXujcRWlJfhSnr+QW!w
z@;q3s)->Rq+=Ko@%mif9V!U|+ozj=>Cjtn?oE`DsqaqV@D&FY9RQ=vwQX*t*mqouS
zjjR|}Wi~5@RH>WdkS6t#Pc589i%t$MCqi)5>GZE<QuDQq`BXsaa43HXB85@|B7u<M
zvjx|Jp>~}}>(ZH|84t(msluOu0RB9@RqCpvUlaH_-U`2#MrbiZi#oI}z$fL=z~Bk^
HtsMFf>|1-J

diff --git a/searx/static/themes/simple/css/searxng.css b/searx/static/themes/simple/css/searxng.css
index 6e2bc5843..433858659 100644
--- a/searx/static/themes/simple/css/searxng.css
+++ b/searx/static/themes/simple/css/searxng.css
@@ -819,6 +819,156 @@ template {
  *
  * To change the colors of the site, simple edit this variables
  */
+html {
+  --color-base-font: #444;
+  --color-base-background: #fff;
+  --color-url-font: #29314d;
+  --color-url-visited-font: #80b;
+  --color-header-background: #f7f7f7;
+  --color-header-border: #ddd;
+  --color-footer-background: #f7f7f7;
+  --color-footer-border: #ddd;
+  --color-sidebar-border: #ddd;
+  --color-sidebar-font: #000;
+  --color-backtotop-border: #ddd;
+  --color-backtotop-background: #fff;
+  --color-backtotop-shadow: #ccc;
+  --color-btn-background: #3050ff;
+  --color-btn-font: #fff;
+  --color-search-border: #bbb;
+  --color-search-background: #fff;
+  --color-search-font: #222;
+  --color-search-background-hover: #3050ff;
+  --color-error: #db3434;
+  --color-error-background: #fae1e1;
+  --color-warning: #dbba34;
+  --color-warning-background: #faf5e1;
+  --color-success: #42db34;
+  --color-success-background: #e3fae1;
+  --color-categories-item-selected-font: #3050ff;
+  --color-categories-item-border-selected: #3050ff;
+  --color-autocomplete-font: #000;
+  --color-autocomplete-border: #bbb;
+  --color-autocomplete-background: #fff;
+  --color-autocomplete-background-hover: #f7f7f7;
+  --color-answer-border: #ddd;
+  --color-answer-font: #000;
+  --color-result-shadow: #ccc;
+  --color-result-border: #ddd;
+  --color-result-url-font: #000;
+  --color-result-vim-selected: #f7f7f7;
+  --color-result-vim-arrow: #000bbb;
+  --color-result-description-highlight-font: #000;
+  --color-result-link-font: #000bbb;
+  --color-result-link-font-highlight: #000bbb;
+  --color-result-link-visited-font: #80b;
+  --color-result-publishdate-font: #777;
+  --color-result-engines-font: #777;
+  --color-result-search-url-border: #ddd;
+  --color-result-search-url-font: #000;
+  --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
+  --color-result-image-span-font: #fff;
+  --color-result-image-background: #000bbb;
+  --color-settings-tr-hover: #f7f7f7;
+  --color-settings-engine-description-font: #909090;
+  --color-toolkit-badge-font: #fff;
+  --color-toolkit-badge-background: #777;
+  --color-toolkit-kbd-font: #fff;
+  --color-toolkit-kbd-background: #000;
+  --color-toolkit-dialog-border: #ddd;
+  --color-toolkit-dialog-background: #fff;
+  --color-toolkit-tabs-label-border: #fff;
+  --color-toolkit-tabs-section-border: #ddd;
+  --color-toolkit-select-border: #ddd;
+  --color-toolkit-checkbox-onoff-background: #ddd;
+  --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
+  --color-toolkit-checkbox-onoff-label-background: #3050ff;
+  --color-toolkit-checkbox-onoff-checked-background: #ddd;
+  --color-toolkit-checkbox-label-background: #fff;
+  --color-toolkit-checkbox-label-border: #ddd;
+  --color-toolkit-checkbox-input-border: #3050ff;
+  --color-toolkit-engine-tooltip-border: #ddd;
+  --color-toolkit-engine-tooltip-shadow: #ccc;
+  --color-toolkit-engine-tooltip-background: #fff;
+  --color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
+  --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
+}
+@media (prefers-color-scheme: dark) {
+  html {
+    --color-base-font: #bbb;
+    --color-base-background: #222;
+    --color-url-font: #8af;
+    --color-url-visited-font: #96b;
+    --color-header-background: #181818;
+    --color-header-border: #333;
+    --color-footer-background: #181818;
+    --color-footer-border: #333;
+    --color-sidebar-border: #333;
+    --color-sidebar-font: #fff;
+    --color-backtotop-border: #333;
+    --color-backtotop-background: #181818;
+    --color-backtotop-shadow: #444;
+    --color-btn-background: #58f;
+    --color-btn-font: #fff;
+    --color-search-border: #444;
+    --color-search-background: #222;
+    --color-search-font: #fff;
+    --color-search-background-hover: #58f;
+    --color-error: #f55b5b;
+    --color-error-background: #390a0a;
+    --color-warning: #f1d561;
+    --color-warning-background: #39300a;
+    --color-success: #79f56e;
+    --color-success-background: #0e390a;
+    --color-categories-item-selected-font: #58f;
+    --color-categories-item-border-selected: #58f;
+    --color-autocomplete-font: #fff;
+    --color-autocomplete-border: #444;
+    --color-autocomplete-background: #222;
+    --color-autocomplete-background-hover: #181818;
+    --color-answer-border: #ddd;
+    --color-answer-font: #fff;
+    --color-result-shadow: #444;
+    --color-result-border: #333;
+    --color-result-url-font: #fff;
+    --color-result-vim-selected: #181818;
+    --color-result-vim-arrow: #8af;
+    --color-result-description-highlight-font: #fff;
+    --color-result-link-font: #8af;
+    --color-result-link-font-highlight: #8af;
+    --color-result-link-visited-font: #96b;
+    --color-result-publishdate-font: #777;
+    --color-result-engines-font: #777;
+    --color-result-search-url-border: #333;
+    --color-result-search-url-font: #fff;
+    --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
+    --color-result-image-span-font: #fff;
+    --color-result-image-background: #8af;
+    --color-settings-tr-hover: #333;
+    --color-settings-engine-description-font: #909090;
+    --color-toolkit-badge-font: #fff;
+    --color-toolkit-badge-background: #777;
+    --color-toolkit-kbd-font: #000;
+    --color-toolkit-kbd-background: #fff;
+    --color-toolkit-dialog-border: #333;
+    --color-toolkit-dialog-background: #222;
+    --color-toolkit-tabs-label-border: #222;
+    --color-toolkit-tabs-section-border: #333;
+    --color-toolkit-select-border: #333;
+    --color-toolkit-checkbox-onoff-background: #ddd;
+    --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3);
+    --color-toolkit-checkbox-onoff-label-background: #58f;
+    --color-toolkit-checkbox-onoff-checked-background: #ddd;
+    --color-toolkit-checkbox-label-background: #fff;
+    --color-toolkit-checkbox-label-border: #333;
+    --color-toolkit-checkbox-input-border: #58f;
+    --color-toolkit-engine-tooltip-border: #333;
+    --color-toolkit-engine-tooltip-shadow: #444;
+    --color-toolkit-engine-tooltip-background: #222;
+    --color-toolkit-loader-border: rgba(0, 0, 0, 0.2);
+    --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
+  }
+}
 /*
 * SearXNG, A privacy-respecting, hackable metasearch engine
 */
@@ -1201,18 +1351,18 @@ html.js .show_if_nojs {
   margin-bottom: 4px;
 }
 .danger {
-  background-color: #fae1e1;
+  background-color: var(--color-error-background);
 }
 .warning {
-  background: #faf5e1;
+  background: var(--color-warning-background);
 }
 .success {
-  background: #e3fae1;
+  background: var(--color-success-background);
 }
 .badge {
   display: inline-block;
-  color: #fff;
-  background-color: #777;
+  color: var(--color-toolkit-badge-font);
+  background-color: var(--color-toolkit-badge-background);
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
@@ -1224,14 +1374,14 @@ kbd {
   padding: 2px 4px;
   margin: 1px;
   font-size: 90%;
-  color: white;
-  background: black;
+  color: var(--color-toolkit-kbd-font);
+  background: var(--color-toolkit-kbd-background);
 }
 table {
   width: 100%;
 }
 table.striped tr {
-  border-bottom: 1px solid #ececec;
+  border-bottom: 1px solid var(--color-settings-tr-hover);
 }
 th {
   padding: 0.4em;
@@ -1240,13 +1390,13 @@ td {
   padding: 0 4px;
 }
 tr:hover {
-  background: #ececec;
+  background: var(--color-settings-tr-hover);
 }
 div.selectable_url {
   display: block;
-  border: 1px solid #888;
+  border: 1px solid var(--color-result-search-url-border);
   padding: 4px;
-  color: #444;
+  color: var(--color-result-search-url-font);
   margin: 0.1em;
   overflow: hidden;
   height: 1.2em;
@@ -1266,12 +1416,14 @@ div.selectable_url pre {
   position: relative;
   padding: 1em 1em 1em 2.7em;
   margin: 0 0 1em 0;
-  border: 1px solid black;
-  border-radius: 4px;
+  border: 1px solid var(--color-toolkit-dialog-border);
   text-align: left;
-  color: #db3434;
-  background: #fae1e1;
-  border-color: #db3434;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  color: var(--color-error);
+  background: var(--color-error-background);
+  border-color: var(--color-error);
 }
 .dialog-error::before {
   position: absolute;
@@ -1315,12 +1467,14 @@ div.selectable_url pre {
   position: relative;
   padding: 1em 1em 1em 2.7em;
   margin: 0 0 1em 0;
-  border: 1px solid black;
-  border-radius: 4px;
+  border: 1px solid var(--color-toolkit-dialog-border);
   text-align: left;
-  color: #dbba34;
-  background: #faf5e1;
-  border-color: #dbba34;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  color: var(--color-warning);
+  background: var(--color-warning-background);
+  border-color: var(--color-warning);
 }
 .dialog-warning::before {
   position: absolute;
@@ -1364,10 +1518,12 @@ div.selectable_url pre {
   position: relative;
   padding: 1em 1em 1em 2.7em;
   margin: 0 0 1em 0;
-  border: 1px solid black;
-  border-radius: 4px;
+  border: 1px solid var(--color-toolkit-dialog-border);
   text-align: left;
-  background: white;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  background: var(--color-toolkit-dialog-background);
   position: fixed;
   top: 50%;
   left: 50%;
@@ -1449,7 +1605,7 @@ div.selectable_url pre {
   margin: 0 0.7em;
   letter-spacing: 0.5px;
   text-transform: uppercase;
-  border: solid white;
+  border: solid var(--color-toolkit-tabs-label-border);
   border-width: 0 0 2px 0;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -1460,19 +1616,19 @@ div.selectable_url pre {
   cursor: pointer;
 }
 .tabs > label:hover {
-  border-bottom: 2px solid #084999;
+  border-bottom: 2px solid var(--color-categories-item-border-selected);
 }
 .tabs > section {
   min-width: 100%;
   padding: 0.7rem 0;
   box-sizing: border-box;
-  border-top: 1px solid black;
+  border-top: 1px solid var(--color-toolkit-tabs-section-border);
   display: none;
 }
 .tabs > label:last-of-type {
-  border-bottom: 2px solid #084999;
-  background: #3498DB;
-  color: #FFF;
+  border-bottom: 2px solid var(--color-categories-item-border-selected);
+  background: var(--color-categories-item-selected);
+  color: var(--color-categories-item-selected-font);
   font-weight: bold;
   letter-spacing: -0.1px;
 }
@@ -1490,12 +1646,12 @@ html body .tabs > input:checked ~ label {
   color: inherit;
 }
 html body .tabs > input:checked ~ label:hover {
-  border-bottom: 2px solid #084999;
+  border-bottom: 2px solid var(--color-categories-item-border-selected);
 }
 html body .tabs > input:checked + label {
-  border-bottom: 2px solid #084999;
-  background: #3498DB;
-  color: #FFF;
+  border-bottom: 2px solid var(--color-categories-item-border-selected);
+  background: var(--color-categories-item-selected);
+  color: var(--color-categories-item-selected-font);
 }
 html body .tabs > input:checked + label + section {
   display: block;
@@ -1505,7 +1661,7 @@ select {
   height: 28px;
   margin: 0 1em 0 0;
   padding: 2px 8px 2px 0 !important;
-  color: #222;
+  color: var(--color-search-font);
   font-size: 12px;
   z-index: 2;
 }
@@ -1519,7 +1675,7 @@ select:focus {
     -webkit-appearance: none;
     -moz-appearance: none;
     border: none;
-    border-bottom: 1px solid #d7d7d7;
+    border-bottom: 1px solid var(--color-toolkit-select-border);
     background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTI4LDE5MiAyNTYsMzIwIDM4NCwxOTIiLz48L2c+PC9zdmc+Cg==) no-repeat;
     background-position-x: 105%;
     background-size: 2em;
@@ -1528,7 +1684,7 @@ select:focus {
   }
   select:hover,
   select:focus {
-    border-bottom: 1px solid #3498DB;
+    border-bottom: 1px solid var(--color-search-border);
   }
 }
 /* -- checkbox-onoff -- */
@@ -1537,7 +1693,7 @@ select:focus {
     display: inline-block;
     width: 40px;
     height: 10px;
-    background: #dcdcdc;
+    background: var(--color-toolkit-checkbox-onoff-background);
     margin: 8px 1rem;
     position: relative;
     border-radius: 50px;
@@ -1550,17 +1706,17 @@ select:focus {
     top: -5px;
     cursor: pointer;
     border-radius: 50px;
-    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
+    box-shadow: 0 3px 5px 0 var(--color-toolkit-checkbox-onoff-label-shadow);
     transition: all 0.4s ease;
     left: 27px;
-    background-color: #3498db;
+    background-color: var(--color-toolkit-checkbox-onoff-label-background);
   }
   .checkbox-onoff input[type=checkbox] {
     visibility: hidden;
   }
   .checkbox-onoff input[type=checkbox]:checked + label {
     left: -5px;
-    background: #dcdcdc;
+    background: var(--color-toolkit-checkbox-onoff-checked-background);
   }
 }
 /* -- checkbox -- */
@@ -1577,9 +1733,10 @@ select:focus {
     position: absolute;
     top: 0;
     left: 0;
-    background: white;
-    border-radius: 4px;
-    box-shadow: inset 0 1px 1px white, 0 1px 4px rgba(0, 0, 0, 0.5);
+    background: var(--color-toolkit-checkbox-label-background);
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
   }
   .checkbox label::after {
     content: '';
@@ -1588,7 +1745,7 @@ select:focus {
     position: absolute;
     top: 4px;
     left: 4px;
-    border: 3px solid #333;
+    border: 3px solid var(--color-toolkit-checkbox-label-border);
     border-top: none;
     border-right: none;
     background: transparent;
@@ -1599,7 +1756,7 @@ select:focus {
     visibility: hidden;
   }
   .checkbox input[type=checkbox]:checked + label::after {
-    border-color: #3498db;
+    border-color: var(--color-toolkit-checkbox-input-border);
     opacity: 1;
   }
   .checkbox input[disabled] + label {
@@ -1628,10 +1785,10 @@ select:focus {
   font-size: 10px;
   position: relative;
   text-indent: -9999em;
-  border-top: 0.5em solid rgba(0, 0, 0, 0.2);
-  border-right: 0.5em solid rgba(0, 0, 0, 0.2);
-  border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
-  border-left: 0.5em solid rgba(255, 255, 255, 0);
+  border-top: 0.5em solid var(--color-toolkit-loader-border);
+  border-right: 0.5em solid var(--color-toolkit-loader-border);
+  border-bottom: 0.5em solid var(--color-toolkit-loader-border);
+  border-left: 0.5em solid var(--color-toolkit-loader-borderleft);
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
@@ -1664,13 +1821,16 @@ select:focus {
   position: absolute;
   padding: 0.5rem 1rem;
   margin: 0 0 0 2rem;
-  border: 1px solid #ddd;
-  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
-  background: white;
+  border: 1px solid var(--color-toolkit-engine-tooltip-border);
+  box-shadow: 0 0 5px var(--color-toolkit-engine-tooltip-shadow);
+  background: var(--color-toolkit-engine-tooltip-background);
   font-size: 14px;
   font-weight: normal;
   z-index: 1000000;
   text-align: left;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 th:hover .engine-tooltip,
 td:hover .engine-tooltip,
@@ -1746,11 +1906,14 @@ td:hover .engine-tooltip,
   max-height: 0;
   overflow-y: hidden;
   text-align: left;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 .autocomplete:active,
 .autocomplete:focus,
 .autocomplete:hover {
-  background-color: white;
+  background-color: var(--color-autocomplete-background);
 }
 .autocomplete:empty {
   display: none;
@@ -1762,22 +1925,26 @@ td:hover .engine-tooltip,
 }
 .autocomplete > ul > li {
   cursor: pointer;
-  padding: 5px 0 5px 10px;
+  padding: 8px 0 8px 8px;
 }
 .autocomplete > ul > li.active,
 .autocomplete > ul > li:active,
-.autocomplete > ul > li:focus {
-  background-color: #3498DB;
+.autocomplete > ul > li:focus,
+.autocomplete > ul > li:hover {
+  background-color: var(--color-autocomplete-background-hover);
 }
 .autocomplete > ul > li.active a:active,
 .autocomplete > ul > li:active a:active,
 .autocomplete > ul > li:focus a:active,
+.autocomplete > ul > li:hover a:active,
 .autocomplete > ul > li.active a:focus,
 .autocomplete > ul > li:active a:focus,
 .autocomplete > ul > li:focus a:focus,
+.autocomplete > ul > li:hover a:focus,
 .autocomplete > ul > li.active a:hover,
 .autocomplete > ul > li:active a:hover,
-.autocomplete > ul > li:focus a:hover {
+.autocomplete > ul > li:focus a:hover,
+.autocomplete > ul > li:hover a:hover {
   text-decoration: none;
 }
 .autocomplete > ul > li.locked {
@@ -1785,8 +1952,9 @@ td:hover .engine-tooltip,
 }
 .autocomplete.open {
   display: block;
-  background-color: white;
-  border: 1px solid #3498DB;
+  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;
@@ -1799,8 +1967,7 @@ td:hover .engine-tooltip,
     bottom: 0;
   }
   .autocomplete > ul > li {
-    padding: 7px 0 7px 10px;
-    border-bottom: 1px solid #E8E7E6;
+    border-bottom: 1px solid var(--color-result-top-border);
     text-align: left;
   }
 }
@@ -1847,9 +2014,6 @@ td:hover .engine-tooltip,
     margin-top: 0;
   }
 }
-.column-reliability .engine-tooltip {
-  right: 12rem;
-}
 #tab-contentquery table td,
 #tab-contentquery table th {
   text-align: left !important;
@@ -1880,7 +2044,7 @@ td:hover .engine-tooltip,
   padding: 5px 0 0 0;
   float: left;
   width: 50%;
-  color: #909090;
+  color: var(--color-settings-engine-description-font);
   font-size: 90%;
 }
 #main_preferences select {
@@ -1907,27 +2071,27 @@ td:hover .engine-tooltip,
 }
 #main_preferences table.cookies > tbody > tr:nth-child(even) > th,
 #main_preferences table.cookies > tbody > tr:nth-child(even) > td {
-  background-color: #ececec;
+  background-color: var(--color-settings-tr-hover);
 }
 #main_preferences .name,
 #main_preferences .shortcut {
   text-align: left;
 }
 #main_preferences .preferences_back {
-  background: none repeat scroll 0 0 #3498DB;
-  color: white;
+  background: none repeat scroll 0 0 var(--color-btn-background);
+  color: var(--color-btn-font);
   border: 0 none;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
   cursor: pointer;
   display: inline-block;
   margin: 2px 4px;
-  padding: 0.5em;
+  padding: 0.7em;
 }
 #main_preferences .preferences_back a {
   display: block;
-  color: #FFF;
+  color: var(--color-settings-return-font);
 }
 #main_preferences .preferences_back a::first-letter {
   text-transform: uppercase;
@@ -1957,11 +2121,11 @@ td:hover .engine-tooltip,
 #search {
   padding: 0 2em 0 10rem;
   margin: 0;
-  background: #f7f7f7;
-  border-bottom: 1px solid #d7d7d7;
+  background: var(--color-header-background);
+  border-bottom: 1px solid var(--color-header-border);
 }
 #search_wrapper {
-  padding: 10px 0;
+  padding: 20px 0 10px 0;
 }
 .search_box {
   margin: 0 12px 0 0;
@@ -1980,21 +2144,20 @@ td:hover .engine-tooltip,
   box-sizing: border-box;
   width: 1.8em;
   margin: 0;
-  padding: 2px;
-  height: 2.2em;
-  background: none repeat scroll 0 0 #FFF;
-  border-top: 1px solid #3498DB;
-  border-bottom: 1px solid #3498DB;
+  padding: 8px 2px;
+  background: none repeat scroll 0 0 var(--color-search-background);
+  border-top: 1px solid var(--color-search-border);
+  border-bottom: 1px solid var(--color-search-border);
   border-right: none;
   border-left: none;
   border-radius: 0;
   outline: none;
-  color: #222;
+  color: var(--color-search-font);
   font-size: 16px;
   z-index: 10000;
 }
 #clear_search:hover {
-  color: #3498DB;
+  color: var(--color-search-background-hover);
 }
 #clear_search.empty * {
   display: none;
@@ -2005,22 +2168,22 @@ td:hover .engine-tooltip,
   border-collapse: separate;
   box-sizing: border-box;
   margin: 0;
-  padding: 2px;
-  height: 2.2em;
-  background: none repeat scroll 0 0 #FFF;
-  border: 1px solid #3498DB;
+  padding: 8px;
+  background: none repeat scroll 0 0 var(--color-search-background);
+  border: 1px solid var(--color-search-border);
   border-radius: 0;
   outline: none;
-  color: #222;
+  color: var(--color-search-font);
   font-size: 16px;
   z-index: 2;
 }
 #q {
   outline: medium none;
-  padding-left: 8px;
+  padding-left: 12px;
   padding-right: 0 !important;
   border-right: none;
   width: 40rem;
+  border-radius: 10px 0 0 10px;
 }
 #q::-ms-clear,
 #q::-webkit-search-cancel-button {
@@ -2028,12 +2191,12 @@ td:hover .engine-tooltip,
 }
 #send_search {
   border-left: none;
-  width: 2.2em;
+  border-radius: 0 10px 10px 0;
 }
 #send_search:hover {
   cursor: pointer;
-  background-color: #3498DB;
-  color: #ECF0F1;
+  background-color: var(--color-search-background-hover);
+  color: var(--color-search-background);
 }
 .no-js #send_search {
   width: auto !important;
@@ -2132,9 +2295,6 @@ td:hover .engine-tooltip,
   position: relative;
   margin: 0 3px;
   padding: 0;
-  /* label:hover {
-  border-bottom: 2px solid @color-categories-item-border-unselected-hover;
-  } */
 }
 .category input {
   display: none;
@@ -2155,31 +2315,15 @@ td:hover .engine-tooltip,
   user-select: none;
 }
 .category input[type="checkbox"]:focus + label {
-  box-shadow: 0 0 8px #3498db;
+  box-shadow: 0 0 8px var(--color-categories-item-border-selected);
 }
 .category input[type="checkbox"]:checked + label {
-  background: #3498DB;
-  color: #FFF;
-  border-bottom: 2px solid #084999;
+  color: var(--color-categories-item-selected-font);
+  border-bottom: 2px solid var(--color-categories-item-border-selected);
 }
 #categories_container {
   position: relative;
 }
-#categories_container .help {
-  position: absolute;
-  width: 100%;
-  bottom: -20px;
-  overflow: hidden;
-  opacity: 0;
-  transition: opacity 1s ease;
-  font-size: 0.8em;
-  text-align: center;
-  background: white;
-}
-#categories_container:hover .help {
-  opacity: 0.8;
-  transition: opacity 1s ease;
-}
 .ion-icon-big {
   display: inline-block;
   line-height: 1;
@@ -2203,7 +2347,8 @@ html {
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   text-size-adjust: 100%;
-  color: #444;
+  color: var(--color-base-font);
+  background-color: var(--color-base-background);
   padding: 0;
   margin: 0;
 }
@@ -2235,8 +2380,8 @@ footer {
   padding: 1rem 0;
   width: 100%;
   text-align: center;
-  background-color: #f7f7f7;
-  border-top: 1px solid #d7d7d7;
+  background-color: var(--color-footer-background);
+  border-top: 1px solid var(--color-footer-border);
   overflow: hidden;
 }
 footer p {
@@ -2255,28 +2400,28 @@ footer p {
 }
 input[type="submit"],
 #results button[type="submit"] {
-  padding: 0.5rem;
+  padding: 0.7rem;
   display: inline-block;
-  background: #3498DB;
-  color: #FFF;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
+  background: var(--color-btn-background);
+  color: var(--color-btn-font);
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
   border: 0;
   cursor: pointer;
 }
 a {
   text-decoration: none;
-  color: #29314d;
+  color: var(--color-url-font);
 }
 a:visited {
-  color: #684898;
+  color: var(--color-url-visited-font);
 }
 a:visited .highlight {
-  color: #684898;
+  color: var(--color-url-visited-font);
 }
 article[data-vim-selected] {
-  background: #f7f7f7;
+  background: var(--color-result-vim-selected);
 }
 article[data-vim-selected]::before {
   position: absolute;
@@ -2284,17 +2429,17 @@ article[data-vim-selected]::before {
   padding: 2px;
   content: ">";
   font-weight: bold;
-  color: #3498DB;
+  color: var(--color-result-vim-arrow);
 }
 article.result-images[data-vim-selected] {
-  background: #3498DB;
+  background: var(--color-result-vim-arrow);
 }
 article.result-images[data-vim-selected]::before {
   display: none;
   content: "";
 }
 .result {
-  margin: 19px 0 18px 0;
+  margin: 2rem 0;
   padding: 0;
 }
 .result h3 {
@@ -2305,12 +2450,12 @@ article.result-images[data-vim-selected]::before {
   margin-bottom: 0;
 }
 .result h3 a {
-  color: #084999;
+  color: var(--color-result-link-font);
   font-weight: normal;
   font-size: 1.1em;
 }
 .result h3 a:visited {
-  color: #684898;
+  color: var(--color-result-link-visited-font);
 }
 .result h3 a:focus,
 .result h3 a:hover {
@@ -2337,7 +2482,7 @@ article.result-images[data-vim-selected]::before {
 .result .content .highlight,
 .result .stat .highlight,
 .result .altlink .highlight {
-  color: #000000;
+  color: var(--color-result-description-highlight-font);
   background: inherit;
   font-weight: bold;
 }
@@ -2352,11 +2497,11 @@ article.result-images[data-vim-selected]::before {
   padding: 0;
   max-width: 54em;
   word-wrap: break-word;
-  color: #25a55b;
+  color: var(--color-result-url-font);
 }
 .result .published_date {
   font-size: 0.8em;
-  color: #888;
+  color: var(--color-result-publishdate-font);
 }
 .result img.thumbnail {
   float: left;
@@ -2387,7 +2532,7 @@ article.result-images[data-vim-selected]::before {
 }
 .engines {
   float: right;
-  color: #888;
+  color: var(--color-result-engines-font);
 }
 .engines span {
   font-size: smaller;
@@ -2397,9 +2542,8 @@ article.result-images[data-vim-selected]::before {
   font-size: 0.8em;
 }
 .highlight {
-  color: #094089;
+  color: var(--color-result-link-font-highlight);
   background: inherit;
-  font-weight: bold;
 }
 .result-images {
   display: inline-block;
@@ -2414,11 +2558,11 @@ article.result-images[data-vim-selected]::before {
   padding: 0;
   border: none;
   max-height: 200px;
-  background: #084999;
+  background: var(--color-result-image-background);
 }
 .result-images span a {
   display: none;
-  color: #FFF;
+  color: var(--color-result-image-span-font);
 }
 .result-images:hover span a {
   display: block;
@@ -2427,7 +2571,7 @@ article.result-images[data-vim-selected]::before {
   right: 0;
   padding: 4px;
   margin: 0 0 4px 4px;
-  background-color: rgba(0, 0, 0, 0.6);
+  background-color: var(--color-result-image-span-background-hover);
   font-size: 0.7em;
 }
 .result-map img.image {
@@ -2454,23 +2598,6 @@ article.result-images[data-vim-selected]::before {
 .hidden {
   display: none !important;
 }
-.torrent_result {
-  border-left: 10px solid lightgray;
-  padding-left: 3px;
-}
-.torrent_result p {
-  margin: 3px;
-  font-size: 0.8em;
-}
-.torrent_result a {
-  color: #084999;
-}
-.torrent_result a:hover {
-  text-decoration: underline;
-}
-.torrent_result a:visited {
-  color: #684898;
-}
 #results {
   margin: 2rem 2rem 0 10rem;
   display: grid;
@@ -2506,7 +2633,7 @@ article.result-images[data-vim-selected]::before {
   font-size: 0.9em;
   display: inline-block;
   background: transparent;
-  color: #444;
+  color: var(--color-result-search-url-font);
   cursor: pointer;
 }
 #suggestions input[type="submit"],
@@ -2517,7 +2644,7 @@ article.result-images[data-vim-selected]::before {
 #answers .infobox .url a,
 #infoboxes .infobox .url a,
 #corrections .infobox .url a {
-  color: #084999;
+  color: var(--color-result-link-font);
   text-decoration: none;
   font-size: 0.9rem;
 }
@@ -2549,13 +2676,17 @@ article.result-images[data-vim-selected]::before {
 #search_url .title,
 #apis .title {
   margin: 2em 0 0.5em 0;
-  color: #444;
+  color: var(--color-base-font);
 }
 #answers {
   grid-area: answers;
-  border: 1px solid #ddd;
+  border: 1px solid var(--color-answer-border);
   padding: 0.9em;
-  box-shadow: 0 0 5px #ccc;
+  margin-bottom: 2rem;
+  color: var(--color-answer-font);
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 #answers h4 {
   display: none;
@@ -2572,13 +2703,16 @@ article.result-images[data-vim-selected]::before {
 #sidebar {
   grid-area: sidebar;
   word-wrap: break-word;
+  color: var(--color-sidebar-font);
 }
 #sidebar .infobox {
   margin: 10px 0 10px;
-  border: 1px solid #ddd;
+  border: 1px solid var(--color-sidebar-border);
   padding: 0.9em;
   font-size: 0.9em;
-  box-shadow: 0 0 5px #ccc;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 #sidebar .infobox h2 {
   margin: 0 0 0.5em 0;
@@ -2628,13 +2762,13 @@ article.result-images[data-vim-selected]::before {
   border: 0;
   display: block;
   font-size: 1.2em;
-  color: #222;
+  color: var(--color-search-font);
 }
 #linkto_preferences a:link *,
 #linkto_preferences a:hover *,
 #linkto_preferences a:visited *,
 #linkto_preferences a:active * {
-  color: #222;
+  color: var(--color-search-font);
 }
 #pagination {
   grid-area: pagination;
@@ -2647,22 +2781,25 @@ article.result-images[data-vim-selected]::before {
   clear: both;
 }
 #backToTop {
-  border: 1px solid #ddd;
+  border: 1px solid var(--color-backtotop-border);
   margin: 0;
   padding: 0;
   font-size: 1em;
-  box-shadow: 0 0 5px #ccc;
-  background: white;
+  box-shadow: 0 0 5px var(--color-backtotop-shadow);
+  background: var(--color-backtotop-background);
   position: fixed;
   bottom: 8rem;
   left: 56.3rem;
   transition: opacity 0.5s;
   opacity: 0;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 #backToTop a {
   display: block;
   margin: 0;
-  padding: 0.6em;
+  padding: 0.7em;
 }
 @media screen and (max-width: 80em) {
   #main_preferences,
@@ -2684,6 +2821,7 @@ article.result-images[data-vim-selected]::before {
     margin: 0.5em 0.5em 0.5em 0;
   }
   #sidebar {
+    margin-bottom: 2rem;
     padding: 0;
     float: none;
     border: none;
@@ -2698,12 +2836,6 @@ article.result-images[data-vim-selected]::before {
   #search_url {
     display: none;
   }
-  .result {
-    border-bottom: 1px solid #E8E7E6;
-    margin: 0;
-    padding-top: 8px;
-    padding-bottom: 6px;
-  }
   .result h3 {
     margin: 0 0 1px 0;
   }
@@ -2789,9 +2921,13 @@ article.result-images[data-vim-selected]::before {
   #sidebar {
     margin: 0 5px 2px 5px;
   }
+  .infobox {
+    box-shadow: 0 0 5px var(--color-result-shadow);
+  }
   #corrections,
   #answers {
     margin: 0 5px 1em 5px;
+    box-shadow: 0 0 5px var(--color-result-shadow);
   }
   #results {
     margin: 0;
@@ -2802,11 +2938,18 @@ article.result-images[data-vim-selected]::before {
   }
   .result {
     padding: 8px 10px 6px 10px;
+    margin: 0.5rem;
+    border: 1px solid var(--color-result-border);
+    box-shadow: 0 0 5px var(--color-result-shadow);
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
   }
   .result-images {
     margin: 0;
     padding: 0;
     border: none;
+    box-shadow: none;
   }
 }
 @media screen and (max-width: 35em) {
diff --git a/searx/static/themes/simple/css/searxng.min.css b/searx/static/themes/simple/css/searxng.min.css
index 6d8c4fb03c999c584669426a6bd7d1503a5f3e65..18cec0a4ba47e2daac71a79a1edff8770d321cf9 100644
GIT binary patch
delta 11039
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

delta 2539
zcmb7FTWl0%6wWRSTR<vuDG)AQ8447;>+H^6W@mayf!15GpwdF9sk1Zx?hb5srn9r%
z#mx$hKxr%pJxWv}P<%iVO*NxDm=IDDLNr8!!3U!cBs_V;_~Ik_|2s3wb_)jcXC`ww
z|98G~&UeoL?Jei0<Ic}w%Z)otw`<*0TtI&0hui#83O~m~$Y1njvZ9DGnL<nu_a!tX
zo0d2VF~ky{ZKh7Xwro};5`n4a^Gm3BJkD2|(KHQ{ExemTB3V$=8ZJNgwK6LymSuTW
zkR&;s;DTzN7nPKvaa1rEG=6Q}?C7H~0v}T}329zUkmPKpWTvCM?iEsUBF&{xT(`GL
zF($|ar!g=CvLP&Z)6SUF-tPS09%8}_4<t=9JP<o$!`7Y7@FT`hnKztAWBoIK%yN;8
zLiB|n-4x9RqtPg|cI|c%K)BM?)?j^{7BCZxvRgOX8R_ioG{&}Vca--pcySG^@2-Ee
ztw5~*>Q1<*Kp<eK+bN7AMaVL~+;Q3Irc7rr_DT}}5XpkIJFhL!5;0*T-9(m;fx4cM
zX(`3vK+nOlWvKT`x2c#J^^GZcZzd^7N{*A$8Kiq?k6+D~F0!M^e8qzCRJsZ^LULEi
zMKKHm_jX;kof?1c{=yNgGz>J_<<jItQs;ajG~mf7DOs9^7l42Eteh510QkNYi%L*|
zP^ihiXk&lhYG*SgNfHJwQx9N%_C-%a_G1DS-9(Da_O}_A`+sx6U8&nFyMT_=hA;%}
zA$LEm=3z&2DNM%az~k}Iio$&aucd3N9N5a3jIVdVozW*?TT)nEk!6nL(G1nDUZecc
zGP?&OC4b~j{PA!@Uhbwk*p5g?*l_OUoKO3(tL#A9tD%%E#N?E$@AvpnIw7Z#S67sj
zE~^DIss4b51`IwmfkhLg$uj1q!&o%dESON2z@VC2WYMq{OL9>^*x(4llvKBv%!I1;
zhrz)%M+iP2Y;jRo-Y}uAGZ@Wq!0*dz2w#sS(IS;Wf+i;WbDE&4NGsSeLa%;(A+8Ib
zM5XEnd;v573v-l-H{4ZMV{<a&x6=A`c5A5-pkatDOMiH1?15OT2{()S19D!>J!xWH
z%C$OJ_&dizSANg@oGj@{&Lng-A6#nlu<F~frIYUT8*Te*-L|-)_MiuT?x|gKUkzN<
zE<yyn-MEm}3|TeYcz_ZG9VHY^Mwxz5N$UbGpyu%<QA#bSN=DXYCCv#jtdy*dc$1f(
zrW<fbx~>dx-T={uGK92v3U_HzmL!zs6;%+iA~>4YH6d-GSRXz9j0XuB#K*C_dESit
zI^ujR&iqvK;+{(OSOLWc(&LiEpGDGk<zpZ2%h)n(I9#REgnP3E>o6W63vh|cgY4R&
zjSeiQyNB0RD-q{y{Nl3z5aO{TY&{i-GX9`c6u2Q7$BU$bRjV)?WTPz9jI44~)^q#F
zhBAfrk(F@#=v??@<oU9e(9uTd8+okaefNBSwA7J)7I**Eqs4L!`$n5>T;uZSc^oA<
z6pp=h%S{DBLMRl2;+W4x&R65Ru?zS&eu7iS`!PT?NV8FF`V>Uoo-6~-JF&^sfA5Jm
zrp>&tG3#X3@sdwhG!3Qoehp=^DZOBIB{_aMGArz%A~9syhq|})pHcJ0s{J0d05{*M
zW3T{b{1WUOntHAN4?m5r-B|t6^N<1<x$!g3k_3Q#_nsZC@$#v|*4Ml5c^@wgZhJiV
zqELUf&P9o$2w%N_2~K<vSyN?z21+8fG+bdnb$YSUds=kPCI@B_7M`htUq0MxcKW_E
zc^APMKO0&?z-OEQ2hKhRwdZ_}u+egEfdgKh$idB)6^u20`2j)0Qx><DMHG))mBX?q
fzgwLdR`bS<iSK8_4;MCp_u~|FUi87Ci{JbU*6mqm

diff --git a/searx/static/themes/simple/css/searxng.min.css.map b/searx/static/themes/simple/css/searxng.min.css.map
index e43e008d02fc0ee836fa791d698b1530eb537bb4..e0eac35457d7ed5d6f485c6422e33268fa2094fe 100644
GIT binary patch
delta 4238
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
S(d#|U_sWD4Jf^9mF!Wz>`i2ky

delta 2378
zcmaJ@U1%It6lOL}+Gv7Fcav<QNp_RgY<6${lg&@lw0C|xJ3E<dmYAeMafzWe&5x3%
zHK3FzqS6Pc2SGvbL8&i7OGl_mK?{lxTBR>iEL3a32a(bTf1rKw+%vP;B&K~C?#w;s
zJKy=vx#!LgA4@mil`ia(+!m>-qG&EX18>x@(v&j8R%NanhOeqZ@X1Kry<c;tM6%%Z
z26&RQ3^#O^<%-58Ip6-(f%oHK_+sQym~Wh~;LPF*_pB{$>hMQnbBS=YMxi>wXqi*N
zj5L({rWpZjLZuUiibOHI6Zv|`-<hGE4RFU)&TNlIK1N1t=e%!os^VUVN>ZKPBkSx1
z%t{0nw6zsQXGdk;2j$W91K~R#4&R0Fi_Ma>Tc1a?m5uPQwkNyyL97?Fbv+dBhW4%n
zcKN0`xNC;sV#~86i@~8Wmc*q{5RSweb_@EO61Cy%-XNTdo$eJ|W{NE-qBg!znCW)v
z&^L=4Hso3-;4ifjI%36ewe@L=ilMsV)40rXdlVqvj&-4^j!@2ovu#26Exv#Tvx3%C
z!Yij?z^jQp<mQaS`NRo%`}8TeMo{YyORTnho8_7UHXB1kO8*?QaVdzvJ$3~}5Ybsq
zc#=Ee(l<(e%eU#xc1xmGZfSdy)akRNZZ?Hg;X#ZDl6I+&CrI$;J1PR)azE-g8IVrE
z<K1l$Wa~E=VKebm*fH6QYp8Ih`*73}R^8Mm-m`OqRYoKn?Fm9tPZTD4y6b#qp6mjL
zQX~Z~_Kd={?ogO0ZBuNwx_6JXdtTN3ejrbqo9=L5k(8HFPkum4GX-~&gGDGVp1B|_
zwUjg;>e6(!Oyo@=^Fm?iMKii#u3w?rU~ZrGza$Mp*FZbmj#Zb@h`_UjeVBo_2Hq@1
z07}A!Ck7+f!^FBExDB^r;T@FM@*smdeLLa4`Uv*qPWWuFj3{EOemCfp6i}e1BZP;B
z`f>)Y_tpC@#qiotLnCn}qSG6i1Zj9Wz>T3;yDteA1e3#35jNp@MWdy!xM{fRzR5t~
zxioxPRfR(_Aq~LI{g;ZmY~3G|327CskJKL$oSdZ0l6VgL<@}J$hu*$kcx+K?lq)N$
zoaHzkdg0e}Ei^jCt+vR3HXN~{@ui6s2}rL7H5sgF!G5ywyVbDSabz*-`54>zD2q;t
z&5TdMz5}!M8B1Xk1T{W~hu0gIba2ef5?nq|E6u}C2UszJG8^ut>!9=C&)B7;)P`~j
z2=NW#{5?Eg1tG0;zs?`pR@MOg&ErYogoT+9b@5Apng~K#{vElBBb3g|V4RX+O5R^9
zT#W^ptzzbj>-rnZ3Y?eQz#R_3?{cOHt>9X;3dR(_zf_n}KBsm@-p%SOO@yPfQxwxv
zMF>c2@ETLtGE``7@Q+$8nNY5MOTHS18`?qOY8c}BN`x>Bs_h}9g|blneGFp~uINvp
zpO`QZF)p9>&diokMe^l@vnd+mI1%z^0uu76;ic^D<mFO`x+3m4be-Ua%DiFY8(5>*
zR46AQ(Xh1KKaCLy!cH0Vn*+#8ME>xkDdq)U7CO9~s*m|86q2F3)1WNOZya-QJM~Ne
z<ruSKo33?BbZPbf?L~DV=LFrWR!*WQR+c4XuB&W7=Bmn)GS>`tRN>nAdJ$4EWv8Hd
zxDtL*9)oY}nk_#YDC=FjH-KzXqnF@TUkDG>NGVE%nc*D?KNf{+=qPzjF6uk$3+*0p
j{tX21Z{@}D=nnD615z>w-;a-oms#;rLY@x1ogMxU5IvQ#