Browse Source

[mod] UI: add favicon's border- and background color to the definitons

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
Markus Heiser 8 months ago
parent
commit
5ded9ada82

+ 6 - 0
searx/static/themes/simple/src/less/definitions.less

@@ -123,6 +123,9 @@
   --color-loading-indicator: rgba(255, 255, 255, 0.2);
   --color-loading-indicator: rgba(255, 255, 255, 0.2);
   --color-loading-indicator-gap: #fff;
   --color-loading-indicator-gap: #fff;
   --color-line-number: #64708d;
   --color-line-number: #64708d;
+  // Favicons Colors
+  --color-favicon-background-color: #ddd;
+  --color-favicon-border-color: #ccc;
 }
 }
 
 
 .dark-themes() {
 .dark-themes() {
@@ -235,6 +238,9 @@
   --color-toolkit-loader-borderleft: rgba(0, 0, 0, 0);
   --color-toolkit-loader-borderleft: rgba(0, 0, 0, 0);
   --color-doc-code: #ddd;
   --color-doc-code: #ddd;
   --color-doc-code-background: #4d5a6f;
   --color-doc-code-background: #4d5a6f;
+  // Favicons Colors
+  --color-favicon-background-color: #ddd;
+  --color-favicon-border-color: #ccc;
 }
 }
 
 
 .black-themes() {
 .black-themes() {

+ 2 - 2
searx/static/themes/simple/src/less/search.less

@@ -383,7 +383,7 @@ html.no-js #clear_search.hide_if_nojs {
   height: 1.8rem;
   height: 1.8rem;
   width: 1.8rem;
   width: 1.8rem;
   border-radius: 20%;
   border-radius: 20%;
-  background-color: #ddd;
-  border: 1px solid #ccc;
+  background-color: var(--color-favicon-background-color);
+  border: 1px solid var(--color-favicon-border-color);
   display: flex;
   display: flex;
 }
 }