2 files changed, 8 insertions, 2 deletions
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index 9f23ecaeb..cf3930c99 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -123,6 +123,9 @@
   --color-loading-indicator: rgba(255, 255, 255, 0.2);
   --color-loading-indicator-gap: #fff;
   --color-line-number: #64708d;
+  // Favicons Colors
+  --color-favicon-background-color: #ddd;
+  --color-favicon-border-color: #ccc;
 }
 
 .dark-themes() {
@@ -235,6 +238,9 @@
   --color-toolkit-loader-borderleft: rgba(0, 0, 0, 0);
   --color-doc-code: #ddd;
   --color-doc-code-background: #4d5a6f;
+  // Favicons Colors
+  --color-favicon-background-color: #ddd;
+  --color-favicon-border-color: #ccc;
 }
 
 .black-themes() {
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less
index 0c8fbe9f3..252af3844 100644
--- a/searx/static/themes/simple/src/less/search.less
+++ b/searx/static/themes/simple/src/less/search.less
@@ -383,7 +383,7 @@ html.no-js #clear_search.hide_if_nojs {
   height: 1.8rem;
   width: 1.8rem;
   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;
 }