OwlBurst/Ponysearch
1
0
Fork 0
forked from Ponysearch/Ponysearch
Code Pull requests Activity

[theme] simple - improve rendering of the "Answers" box

Browse source 
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
This commit is contained in:
Markus Heiser 2021-11-01 17:20:52 +01:00
parent 07f849cd56
commit 7996619691
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
searx/static/themes/simple/src/less/definitions.less
View file

@ -49,8 +49,9 @@
--color-autocomplete-background: #fff; --color-autocomplete-background: #fff;
--color-autocomplete-background-hover: #f7f7f7; --color-autocomplete-background-hover: #f7f7f7;
/// Answer Colors /// Answer Colors
--color-answer-border: #ddd; --color-answer-border: #ddd; // same as --color-header-border
--color-answer-font: #000; --color-answer-font: #444; // same as --color-base-font
--color-answer-background: #f7f7f7; // same as --color-header-background:
/// Results Colors /// Results Colors
--color-result-shadow: #ccc; --color-result-shadow: #ccc;
--color-result-border: #ddd; --color-result-border: #ddd;
@ -150,8 +151,9 @@
--color-autocomplete-background: #222; --color-autocomplete-background: #222;
--color-autocomplete-background-hover: #181818; --color-autocomplete-background-hover: #181818;
/// Answer Colors /// Answer Colors
--color-answer-border: #ddd; --color-answer-border: #333; // same as --color-header-border
--color-answer-font: #fff; --color-answer-font: #bbb; // same as --color-base-font
--color-answer-background: #181818; // same as --color-header-background:
/// Results Colors /// Results Colors
--color-result-shadow: #444; --color-result-shadow: #444;
--color-result-border: #333; --color-result-border: #333;

5
searx/static/themes/simple/src/less/style.less
View file

@ -425,6 +425,7 @@ article.result-images[data-vim-selected] {
#answers { #answers {
grid-area: answers; grid-area: answers;
border: 1px solid var(--color-answer-border); border: 1px solid var(--color-answer-border);
background: var(--color-answer-background);
padding: 0.9em; padding: 0.9em;
margin-bottom: @results-margin; margin-bottom: @results-margin;
color: var(--color-answer-font); color: var(--color-answer-font);
@ -436,8 +437,6 @@ article.result-images[data-vim-selected] {
.answer { .answer {
display: block; display: block;
font-size: 1.2em;
font-weight: bold;
} }
} }
@ -730,7 +729,7 @@ article.result-images[data-vim-selected] {
#corrections, #corrections,
#answers { #answers {
margin: 0 5px 1em 5px; margin: 1rem @results-tablet-offset;
box-shadow: 0 0 5px var(--color-result-shadow); box-shadow: 0 0 5px var(--color-result-shadow);
} }