From 79966196911fb379bf9bc6910b3b22c82a536145 Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Mon, 1 Nov 2021 17:20:52 +0100 Subject: [PATCH] [theme] simple - improve rendering of the "Answers" box Signed-off-by: Markus Heiser --- searx/static/themes/simple/src/less/definitions.less | 10 ++++++---- searx/static/themes/simple/src/less/style.less | 5 ++--- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index d2e91f1c3..f574b79ea 100644 --- a/searx/static/themes/simple/src/less/definitions.less +++ b/searx/static/themes/simple/src/less/definitions.less @@ -49,8 +49,9 @@ --color-autocomplete-background: #fff; --color-autocomplete-background-hover: #f7f7f7; /// Answer Colors - --color-answer-border: #ddd; - --color-answer-font: #000; + --color-answer-border: #ddd; // same as --color-header-border + --color-answer-font: #444; // same as --color-base-font + --color-answer-background: #f7f7f7; // same as --color-header-background: /// Results Colors --color-result-shadow: #ccc; --color-result-border: #ddd; @@ -150,8 +151,9 @@ --color-autocomplete-background: #222; --color-autocomplete-background-hover: #181818; /// Answer Colors - --color-answer-border: #ddd; - --color-answer-font: #fff; + --color-answer-border: #333; // same as --color-header-border + --color-answer-font: #bbb; // same as --color-base-font + --color-answer-background: #181818; // same as --color-header-background: /// Results Colors --color-result-shadow: #444; --color-result-border: #333; diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less index 79c200dc8..50edf6eab 100644 --- a/searx/static/themes/simple/src/less/style.less +++ b/searx/static/themes/simple/src/less/style.less @@ -425,6 +425,7 @@ article.result-images[data-vim-selected] { #answers { grid-area: answers; border: 1px solid var(--color-answer-border); + background: var(--color-answer-background); padding: 0.9em; margin-bottom: @results-margin; color: var(--color-answer-font); @@ -436,8 +437,6 @@ article.result-images[data-vim-selected] { .answer { display: block; - font-size: 1.2em; - font-weight: bold; } } @@ -730,7 +729,7 @@ article.result-images[data-vim-selected] { #corrections, #answers { - margin: 0 5px 1em 5px; + margin: 1rem @results-tablet-offset; box-shadow: 0 0 5px var(--color-result-shadow); }