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; }