From 79966196911fb379bf9bc6910b3b22c82a536145 Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Mon, 1 Nov 2021 17:20:52 +0100 Subject: [PATCH 1/2] [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); } From 67d3dc01a259b244c8a04ea32187b04bc22731c0 Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Tue, 2 Nov 2021 13:59:45 +0100 Subject: [PATCH 2/2] [build] /static --- .../oscar/css/logicodev-dark.min.css.map | Bin 11613 -> 11613 bytes .../themes/oscar/css/logicodev.min.css.map | Bin 10142 -> 10142 bytes .../themes/oscar/css/pointhi.min.css.map | Bin 8074 -> 8074 bytes .../static/themes/simple/css/searxng-rtl.css | 13 +++++++------ .../themes/simple/css/searxng-rtl.min.css | Bin 53958 -> 54033 bytes .../themes/simple/css/searxng-rtl.min.css.map | Bin 23760 -> 23763 bytes searx/static/themes/simple/css/searxng.css | 13 +++++++------ .../static/themes/simple/css/searxng.min.css | Bin 53919 -> 53994 bytes .../themes/simple/css/searxng.min.css.map | Bin 23704 -> 23707 bytes 9 files changed, 14 insertions(+), 12 deletions(-) diff --git a/searx/static/themes/oscar/css/logicodev-dark.min.css.map b/searx/static/themes/oscar/css/logicodev-dark.min.css.map index e91363daec81fcb8025009b47b21644bf53a96f1..32293f3a43cc80ffe3356a30a41c213dc1fbcf2d 100644 GIT binary patch delta 55 zcmcZ`bvJ54<>VM9v5j3D87Ec=OuWN6*?>uDb2XEu0;BWfrAi?3m{J~N(q>cT24=?O K&D+$LvjG5F6BF40 delta 65 zcmcZ`bvJ54X9Bku0YkGN8dCuQLz8nG Ru>oSUB^)>d0b`S1A1qhW5=;O9 delta 63 zcmV-F0Kor>KZ-w)casMK6Ols`v7l!GlPdx|lQ01Yk#`o8JOT-`X9Bku0amjg8dCuQ VSCexau>nJ~B^)>d0Yj5sA1rZE5=Q_4 diff --git a/searx/static/themes/simple/css/searxng-rtl.css b/searx/static/themes/simple/css/searxng-rtl.css index f05f46fb2..3abd096ce 100644 --- a/searx/static/themes/simple/css/searxng-rtl.css +++ b/searx/static/themes/simple/css/searxng-rtl.css @@ -853,7 +853,8 @@ template { --color-autocomplete-background: #fff; --color-autocomplete-background-hover: #f7f7f7; --color-answer-border: #ddd; - --color-answer-font: #000; + --color-answer-font: #444; + --color-answer-background: #f7f7f7; --color-result-shadow: #ccc; --color-result-border: #ddd; --color-result-url-font: #000; @@ -935,8 +936,9 @@ template { --color-autocomplete-border: #444; --color-autocomplete-background: #222; --color-autocomplete-background-hover: #181818; - --color-answer-border: #ddd; - --color-answer-font: #fff; + --color-answer-border: #333; + --color-answer-font: #bbb; + --color-answer-background: #181818; --color-result-shadow: #444; --color-result-border: #333; --color-result-url-font: #fff; @@ -2941,6 +2943,7 @@ article.result-images[data-vim-selected] .image_thumbnail { #answers { grid-area: answers; border: 1px solid var(--color-answer-border); + background: var(--color-answer-background); padding: 0.9em; margin-bottom: 0.125rem; color: var(--color-answer-font); @@ -2953,8 +2956,6 @@ article.result-images[data-vim-selected] .image_thumbnail { } #answers .answer { display: block; - font-size: 1.2em; - font-weight: bold; } #answers form, #infoboxes form { @@ -3183,7 +3184,7 @@ article.result-images[data-vim-selected] .image_thumbnail { } #corrections, #answers { - margin: 0 5px 1em 5px; + margin: 1rem 0.5rem; box-shadow: 0 0 5px var(--color-result-shadow); } #results { diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css b/searx/static/themes/simple/css/searxng-rtl.min.css index e861fb32aa41e438db807c9fa781d16d6604e12c..31fdeea3d13a7795aa72ae30ac694cfd424fda8c 100644 GIT binary patch delta 139 zcmX@MlzHMZ<_&c+0wyLV*1EdM`8oMTx`}zk<&*zO$ZhVDspOult;!=05=kx6P0PcGWpGcgPYGD{Kv~> aSd^Nppl1psCp#u7OrC#UU^B;seM|rrFE$qd delta 96 zcmbQZjQQA7<_&c+lhb8|H*c0H;-0K6$-|bIS6rT2GjV6*h0f4sZ~3Z?}W3Wlkl{>lVq&hmg R>VWllIs#qj3)HPt3jiEJI|={* delta 216 zcmcb-lkvh%#tlD&CeIQx-E1Ko&b)Y*7!#xE=GhWotR~M2mSN6F44AypK$gijbMlQ~ zd0}Tqolr+dM;%{BAS)8Y@|^rFxSrWE$qk}Rd-L>=QYPlCOsC0>N^(rT*_-vl6cGWpGcgPYGD{Kv~> aSd^Nppl1psCp#u7OrC#UU^B;s=}Z7Gbv7XY delta 96 zcmaF0lzIMA<_&c+lhb8|H*c0H;-0K6$-|bIS6rT2GjV6*h0f4sZ~3Z?}W3WlkNB?e6PSCVD&&7M3fSbp-^;5ugWBsYkV#pc|QQYPk%OsC0##&S%) znVVU|6|nq;*+060(Q@*IXeIgdQYU{MBcRbfI{qLvo?wNJj@eE? bQNO&&f-y>Lg{4l8I;oTWZ6ziL#<&9jQ9nB& delta 179 zcmbQelX1pQ#tpZHCW{I2P3{&`-z+U0&J5yg?iTyR$Y{E`PU4HzEz;4^QO9%g&ER@w%Op35toG)rkWwbbtjQn36dAKO3xzANaJz!l zK@@j~$xRN7Ze-OjaVl{FX;JabEOqkNF>-Qr_R;Z&tMqkr%yt5b`W2Kq6@V2o`4&$$ Hk4XUlTGTp}