From 9f0b47f525aa2c7b00d8839201843eb05e3594a1 Mon Sep 17 00:00:00 2001 From: Alexandre Flament Date: Sat, 30 Oct 2021 10:01:18 +0200 Subject: [PATCH 1/6] [fix] simple theme: cookie table doesn't overflow the expected width --- .../themes/simple/src/less/preferences.less | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/searx/static/themes/simple/src/less/preferences.less b/searx/static/themes/simple/src/less/preferences.less index 70edc3c8..e0e3dec4 100644 --- a/searx/static/themes/simple/src/less/preferences.less +++ b/searx/static/themes/simple/src/less/preferences.less @@ -52,17 +52,25 @@ } table.cookies { - width: auto; + width: 100%; th, td { text-align: left; - padding: 0.25em; + font-family: monospace; + font-size: 1rem; + padding: 0.5em; + vertical-align: top; } - th:first-child, td:first-child { - padding-right: 4em; + word-break: keep-all; + width: 14rem; + padding-right: 1rem; + } + + td:last-child { + word-break: break-all; } & > tbody > tr:nth-child(even) > th, @@ -88,7 +96,6 @@ padding: 0.7em; a { - display: block; color: var(--color-settings-return-font); } From 67b0b68b407b6080dd3b9e424eb2cfefbda87e13 Mon Sep 17 00:00:00 2001 From: Alexandre Flament Date: Sat, 30 Oct 2021 10:01:58 +0200 Subject: [PATCH 2/6] [fix] simple theme: /preferences: dark theme version for the response time bar charts --- searx/static/themes/simple/src/less/definitions.less | 2 ++ searx/static/themes/simple/src/less/toolkit.less | 10 +++++----- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index 9df9019f..244bd817 100644 --- a/searx/static/themes/simple/src/less/definitions.less +++ b/searx/static/themes/simple/src/less/definitions.less @@ -8,6 +8,7 @@ html { /// Base Colors --color-base-font: #444; + --color-base-font-rgb: 68, 68, 68; --color-base-background: #fff; --color-url-font: #29314d; --color-url-visited-font: #80b; @@ -108,6 +109,7 @@ html { html { /// Base Colors --color-base-font: #bbb; + --color-base-font-rgb: 187, 187, 187; --color-base-background: #222; --color-url-font: #8af; --color-url-visited-font: #96b; diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less index 524cc93d..74cc55f0 100644 --- a/searx/static/themes/simple/src/less/toolkit.less +++ b/searx/static/themes/simple/src/less/toolkit.less @@ -541,8 +541,8 @@ td:hover .engine-tooltip, .stacked-bar-chart-median { .stacked-bar-chart-base(); - background: @stacked-bar-chart; - border: 1px solid fade(@stacked-bar-chart, 90%); + background: var(--color-base-font); + border: 1px solid rgba(var(--color-base-font-rgb), 0.9); padding: 0.3rem 0; } @@ -550,7 +550,7 @@ td:hover .engine-tooltip, .stacked-bar-chart-base(); background: transparent; - border: 1px solid fade(@stacked-bar-chart, 30%); + border: 1px solid rgba(var(--color-base-font-rgb), 0.3); padding: 0.3rem 0; } @@ -558,7 +558,7 @@ td:hover .engine-tooltip, .stacked-bar-chart-base(); background: transparent; - border-bottom: 1px dotted fade(@stacked-bar-chart, 50%); + border-bottom: 1px dotted rgba(var(--color-base-font-rgb), 0.5); padding: 0; } @@ -566,7 +566,7 @@ td:hover .engine-tooltip, .stacked-bar-chart-base(); background: transparent; - border-left: 1px solid fade(@stacked-bar-chart, 90%); + border-left: 1px solid rgba(var(--color-base-font-rgb), 0.9); padding: 0.4rem 0; width: 1px; } From d0a31645145aa34dc41e0f4defcdf8c909b10416 Mon Sep 17 00:00:00 2001 From: Alexandre Flament Date: Sat, 30 Oct 2021 11:51:52 +0200 Subject: [PATCH 3/6] [fix] simple theme: /preferences: dark theme version for select widgets It is not possible to use CSS variable in a SVG when this is in a background. This commit adds two .svg files, less converts them into data URL. The two files are indentical except the fill color. --- .../themes/simple/src/less/definitions.less | 4 ++++ searx/static/themes/simple/src/less/toolkit.less | 8 +++++++- .../static/themes/simple/src/svg/select-dark.svg | Bin 0 -> 196 bytes .../static/themes/simple/src/svg/select-light.svg | Bin 0 -> 184 bytes 4 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 searx/static/themes/simple/src/svg/select-dark.svg create mode 100644 searx/static/themes/simple/src/svg/select-light.svg diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index 244bd817..d99cca71 100644 --- a/searx/static/themes/simple/src/less/definitions.less +++ b/searx/static/themes/simple/src/less/definitions.less @@ -232,3 +232,7 @@ html { @icon-font-name: "glyphicons-halflings-regular"; //** Element ID within SVG icon file. @icon-font-svg-id: "glyphicons_halflingsregular"; + +// decoration of the select HTML elements +@select-light-svg-path: "../svg/select-light.svg"; +@select-dark-svg-path: "../svg/select-dark.svg"; diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less index 74cc55f0..681da43e 100644 --- a/searx/static/themes/simple/src/less/toolkit.less +++ b/searx/static/themes/simple/src/less/toolkit.less @@ -328,7 +328,7 @@ select { -moz-appearance: none; border: none; border-bottom: 1px solid var(--color-toolkit-select-border); - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTI4LDE5MiAyNTYsMzIwIDM4NCwxOTIiLz48L2c+PC9zdmc+Cg==) no-repeat; + background: data-uri('image/svg+xml;charset=UTF-8', @select-light-svg-path) no-repeat; background-position-x: 105%; background-size: 2em; background-origin: content-box; @@ -339,6 +339,12 @@ select { border-bottom: 1px solid var(--color-search-border); } } + + @media (prefers-color-scheme: dark) { + select { + background-image: data-uri('image/svg+xml;charset=UTF-8', @select-dark-svg-path); + } + } } /* -- checkbox-onoff -- */ diff --git a/searx/static/themes/simple/src/svg/select-dark.svg b/searx/static/themes/simple/src/svg/select-dark.svg new file mode 100644 index 0000000000000000000000000000000000000000..97335cea5e0f74c7eedd81d591e168fbf9f9a53f GIT binary patch literal 196 zcmXYqO%B2!6omJl;^n!m<)_wE12pj}LV*OKX|dGXOA{Bfn9MgbV%*;WHnXfgMTxAX z2qwOg_R&iGzamT*cbsRTmtIy;Fy;|R`p>+;`h z-jrwBB~qYJ<3m_?trBwzUz;LKJ_Lzptu?}&e9ZNW@u6XN4!plL9jDL@*TW-Gg4kL= GUeym2>Nu(Z literal 0 HcmV?d00001 diff --git a/searx/static/themes/simple/src/svg/select-light.svg b/searx/static/themes/simple/src/svg/select-light.svg new file mode 100644 index 0000000000000000000000000000000000000000..3b707f0189d531d4efb8896434b3228a72ce6d1d GIT binary patch literal 184 zcmXYq%?`pK5QOhO#b(d7{M4FifF{0*MIfmxX|dF|mnI(OFqv;=)VRNA*zB?fiW)`B z5o~ Date: Sat, 30 Oct 2021 11:54:31 +0200 Subject: [PATCH 4/6] [mod] simple theme: use :root instead of html to define CSS variables This allows to use the CSS variables in inline svg. --- searx/static/themes/simple/src/less/definitions.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index d99cca71..d2e91f1c 100644 --- a/searx/static/themes/simple/src/less/definitions.less +++ b/searx/static/themes/simple/src/less/definitions.less @@ -5,7 +5,7 @@ */ /// Light Theme -html { +:root { /// Base Colors --color-base-font: #444; --color-base-font-rgb: 68, 68, 68; @@ -106,7 +106,7 @@ html { /// Dark Theme (autoswitch based on device pref) @media (prefers-color-scheme: dark) { - html { + :root { /// Base Colors --color-base-font: #bbb; --color-base-font-rgb: 187, 187, 187; From 540042d0ca47471d047d3c4ae04a0e3e16fbe9d3 Mon Sep 17 00:00:00 2001 From: Alexandre Flament Date: Sat, 30 Oct 2021 12:05:36 +0200 Subject: [PATCH 5/6] [mod] simple theme: infobox: center the image --- searx/static/themes/simple/src/less/style.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less index a27d8a3e..79c200dc 100644 --- a/searx/static/themes/simple/src/less/style.less +++ b/searx/static/themes/simple/src/less/style.less @@ -468,7 +468,7 @@ article.result-images[data-vim-selected] { max-width: 100%; max-height: 12em; display: block; - margin: 0; + margin: 0 auto; padding: 0; } From 6782830a4ab937b5d29c6089f2839179b7a5afa0 Mon Sep 17 00:00:00 2001 From: Alexandre Flament Date: Sat, 30 Oct 2021 22:34:05 +0200 Subject: [PATCH 6/6] [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 | 41 ++++++++++++------ .../themes/simple/css/searxng-rtl.min.css | Bin 53446 -> 53958 bytes .../themes/simple/css/searxng-rtl.min.css.map | Bin 23626 -> 23760 bytes searx/static/themes/simple/css/searxng.css | 41 ++++++++++++------ .../static/themes/simple/css/searxng.min.css | Bin 53407 -> 53919 bytes .../themes/simple/css/searxng.min.css.map | Bin 23570 -> 23704 bytes 9 files changed, 54 insertions(+), 28 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 bd8eafd2569a71dd586d36242478b190cb529a77..e91363daec81fcb8025009b47b21644bf53a96f1 100644 GIT binary patch delta 64 zcmcZ`bvJ54*5m+2{>frYf)kyECoV~vn5911hf#R5C?gZ&W^1N*oQ%$!wRpa=0VxIH U7JkNv$xD?K7$Y|yQ<}~N0K-)jtN;K2 delta 62 zcmV-E0Kxy=THRWZYLWjZk&1PZ;02Q~0t&M^0RjP$dJvJ^39~Q)`3V6?vnmYr1_4R4 UAQOZS0Yj6eA|L@nv&JHq3KXywivR!s diff --git a/searx/static/themes/oscar/css/logicodev.min.css.map b/searx/static/themes/oscar/css/logicodev.min.css.map index bb3d8a1d8962c12292cf8531b5ff6fc0177c4c95..9f1d89c346d3e85c9ad8b4ebe84f1d59496299d0 100644 GIT binary patch delta 68 zcmbQ|KhJ+c{=@^)6Fbc(J~=e8Qed(-lknzcj6Pi4E*@Swg-(vno;tph1(k#+3-GWp Yx^5Qd*~G!N-S|gK|@I_ hO_LEK6O#}O1_48}7Ywop0Z_Bb6p;b}QL|hZLJ-Pi7lr@; diff --git a/searx/static/themes/oscar/css/pointhi.min.css.map b/searx/static/themes/oscar/css/pointhi.min.css.map index ecdb6b8f23f6bf7715781b654f0ecf86ff585868..3e18c4a788fbe297da45f0da3230f742f4a14958 100644 GIT binary patch delta 60 zcmV-C0K@-^KZ-w)ZCp S4gprP9~x5u0avqg8y5t5Y7)@^ delta 58 zcmeCO@3NneKk=aS#4huVPvsdWmJ3h3!!81*Spb9v6A}Ob diff --git a/searx/static/themes/simple/css/searxng-rtl.css b/searx/static/themes/simple/css/searxng-rtl.css index 6731b570..f05f46fb 100644 --- a/searx/static/themes/simple/css/searxng-rtl.css +++ b/searx/static/themes/simple/css/searxng-rtl.css @@ -819,8 +819,9 @@ template { * * To change the colors of the site, simple edit this variables */ -html { +:root { --color-base-font: #444; + --color-base-font-rgb: 68, 68, 68; --color-base-background: #fff; --color-url-font: #29314d; --color-url-visited-font: #80b; @@ -901,8 +902,9 @@ html { --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0); } @media (prefers-color-scheme: dark) { - html { + :root { --color-base-font: #bbb; + --color-base-font-rgb: 187, 187, 187; --color-base-background: #222; --color-url-font: #8af; --color-url-visited-font: #96b; @@ -1690,7 +1692,7 @@ select:focus { -moz-appearance: none; border: none; border-bottom: 1px solid var(--color-toolkit-select-border); - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTI4LDE5MiAyNTYsMzIwIDM4NCwxOTIiLz48L2c+PC9zdmc+Cg==) no-repeat; + background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%3E%3Cpolygon%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat; background-position-x: 105%; background-size: 2em; background-origin: content-box; @@ -1700,6 +1702,11 @@ select:focus { select:focus { border-bottom: 1px solid var(--color-search-border); } + @media (prefers-color-scheme: dark) { + select { + background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%3E%3Cpolygon%20fill%3D%22%23ddd%22%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E"); + } + } } /* -- checkbox-onoff -- */ @supports (border-radius: 50px) { @@ -1882,8 +1889,8 @@ td:hover .engine-tooltip, flex-shrink: 0; flex-grow: 0; flex-basis: unset; - background: #000000; - border: 1px solid rgba(0, 0, 0, 0.9); + background: var(--color-base-font); + border: 1px solid rgba(var(--color-base-font-rgb), 0.9); padding: 0.3rem 0; } .stacked-bar-chart-rate80 { @@ -1892,7 +1899,7 @@ td:hover .engine-tooltip, flex-grow: 0; flex-basis: unset; background: transparent; - border: 1px solid rgba(0, 0, 0, 0.3); + border: 1px solid rgba(var(--color-base-font-rgb), 0.3); padding: 0.3rem 0; } .stacked-bar-chart-rate95 { @@ -1901,7 +1908,7 @@ td:hover .engine-tooltip, flex-grow: 0; flex-basis: unset; background: transparent; - border-bottom: 1px dotted rgba(0, 0, 0, 0.5); + border-bottom: 1px dotted rgba(var(--color-base-font-rgb), 0.5); padding: 0; } .stacked-bar-chart-rate100 { @@ -1910,7 +1917,7 @@ td:hover .engine-tooltip, flex-grow: 0; flex-basis: unset; background: transparent; - border-left: 1px solid rgba(0, 0, 0, 0.9); + border-left: 1px solid rgba(var(--color-base-font-rgb), 0.9); padding: 0.4rem 0; width: 1px; } @@ -2284,16 +2291,23 @@ article.result-images .detail { text-align: center; } #main_preferences table.cookies { - width: auto; + width: 100%; } #main_preferences table.cookies th, #main_preferences table.cookies td { text-align: left; - padding: 0.25em; + font-family: monospace; + font-size: 1rem; + padding: 0.5em; + vertical-align: top; } -#main_preferences table.cookies th:first-child, #main_preferences table.cookies td:first-child { - padding-right: 4em; + word-break: keep-all; + width: 14rem; + padding-right: 1rem; +} +#main_preferences table.cookies td:last-child { + word-break: break-all; } #main_preferences table.cookies > tbody > tr:nth-child(even) > th, #main_preferences table.cookies > tbody > tr:nth-child(even) > td { @@ -2316,7 +2330,6 @@ article.result-images .detail { padding: 0.7em; } #main_preferences .preferences_back a { - display: block; color: var(--color-settings-return-font); } #main_preferences .preferences_back a::first-letter { @@ -2968,7 +2981,7 @@ article.result-images[data-vim-selected] .image_thumbnail { max-width: 100%; max-height: 12em; display: block; - margin: 0; + margin: 0 auto; padding: 0; } #sidebar .infobox dl { diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css b/searx/static/themes/simple/css/searxng-rtl.min.css index e62d29893d597b94f93fe7bbfb07aca203d7f7f2..e861fb32aa41e438db807c9fa781d16d6604e12c 100644 GIT binary patch delta 1216 zcmcgrO;6N77)~Ud#3*QVLqHLngbh1OI|W?2(FB410>!J-&TMzWY^RydZb3r!4|v!x zc=F`Ic-2%d-t@rPlmEg4ClgOj+XabHPKKnNw9osz&%7Ubj$V%(y%~AuS4Leagwm}F z7;lM4K^gk)N~2ah*?xsz9umIKfg7g;yK%oZeD!{1GP`~6c(FfAu);3u;E*mRy>MZt z!<#`H%Y>>2Pab=)Q3K98a6E$pWc8>_n23P00T8n5mN^Ydqd*WAg(cioE!fBdjt87g zV67PeqilFaBT7nATd5d0YoL!jfV?zK>#0*0(y%;aSw`0@QgZc_5!EiUmTd#%Sevr2 zt^NRejHZvoPKg?cT*fL=%F|RdEXP#3X{w3^f4Uo*c90bd7O7!vHZtX}+pGCSXnDna zJ1CcO8cQd*2^Gzm(IBr-E7}~E?QG8K>8(%tXl|~bP)-B2=i^{Il%g9ESj^h(N*K+7BRFO4rKV@-ONzJMZAxQ9;myKkuDx_d2+G`LuC3PwH%;RB9gY(P qgEr&jtVAJ{YvdPXT|IG0AAFd|-oE_0Fgk;~N@)0HIy?M~uKofLba!9? delta 750 zcmZ9J&ui0Q7{}2~5cfl|D7{T^L&v(A=7+Y04caDc5|gg$kEG2(Ox|?K+a+yjo1}?g z{{b)Kt$3c|X&!`v2M+^LcJ@CI4;};$o;~??+d<^zh3EP5KHu->;XQpjcX~AU-iXiJ zL)Sr8d~JFhf3k4iEw8SjOvvxkGaxKGM8F=*ul zOD`%tjkJk>HPdw*lMwwgk9;-|*!oC@Sv(^^p{RIGRUBy5By6gszD9|@sWJx`%+nfU zV9Eav%*feZ1d4^WRwE$bMF)^dXu5S+ZjUh4&D|vk^offt z^({lcPb6k%D~;U!b@aRS^vaol+WV7>DsH_vucjv!Ow8-vu#3JQ#?a1$UFhki2|HG1 zi)7HZ!&_LpfqqUFFD1~W$;!%|p`F=>{lRb(*w8VbUA*4xL(3j!=-I^d`OBM^ubObs dbM!ESe(l7kuU~!LKz}}5Lyx}1rjyU)^}kw_1AhPj diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css.map b/searx/static/themes/simple/css/searxng-rtl.min.css.map index c3136c0e37c19612404af2034c0f1982dd5a8ec7..202793d1a887a820c7e5f3d3b40f37a5ba0a9436 100644 GIT binary patch delta 418 zcmX@LgYm*n#tr3yioTAnt~%LHj*gBx-j2?WI>lh7JBSY{BCIa*@95Kp9zQ5Z-~sH1b#WN~e8IU^@WPk)_UXGiB8XB~e>XIGs} zpoQ5^I=K;!z7?C(wWl#MYucN?}8@X9g*OZybGIg?}k~~v(+U80F6Gpj6ol+;D zX+X^|yL}xUOPzG`fo7IDO+IcI%8B498HICdL*(?GCf6GUDVaccrcOG6AOnDU9d%qm z9tX3^-CZp=e=y?Zj);Uh8{~GN5^&gnb%0r^ATduzcSjv xsKx@JCUml-T_v-rtJ`EoU0Ehiv&mcR%qD-aYh%>kTy1|_gau^P=FpI@>;T1~b_oCg delta 267 zcmcbxlkwCJ#tr3yJl>A3t~%LHj*gBx-kWC#W;3ITsE8&oGa7Dgl~^yt>!_2T0ah65 z=+K-Z4@LA5!DFVX!Q*tauQZ2n_^TV%3LILGAp MP}a>aL!Pq(0MK$z>i_@% diff --git a/searx/static/themes/simple/css/searxng.css b/searx/static/themes/simple/css/searxng.css index 2570463c..33fd07f4 100644 --- a/searx/static/themes/simple/css/searxng.css +++ b/searx/static/themes/simple/css/searxng.css @@ -819,8 +819,9 @@ template { * * To change the colors of the site, simple edit this variables */ -html { +:root { --color-base-font: #444; + --color-base-font-rgb: 68, 68, 68; --color-base-background: #fff; --color-url-font: #29314d; --color-url-visited-font: #80b; @@ -901,8 +902,9 @@ html { --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0); } @media (prefers-color-scheme: dark) { - html { + :root { --color-base-font: #bbb; + --color-base-font-rgb: 187, 187, 187; --color-base-background: #222; --color-url-font: #8af; --color-url-visited-font: #96b; @@ -1690,7 +1692,7 @@ select:focus { -moz-appearance: none; border: none; border-bottom: 1px solid var(--color-toolkit-select-border); - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTI4LDE5MiAyNTYsMzIwIDM4NCwxOTIiLz48L2c+PC9zdmc+Cg==) no-repeat; + background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%3E%3Cpolygon%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat; background-position-x: 105%; background-size: 2em; background-origin: content-box; @@ -1700,6 +1702,11 @@ select:focus { select:focus { border-bottom: 1px solid var(--color-search-border); } + @media (prefers-color-scheme: dark) { + select { + background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%3E%3Cpolygon%20fill%3D%22%23ddd%22%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E"); + } + } } /* -- checkbox-onoff -- */ @supports (border-radius: 50px) { @@ -1882,8 +1889,8 @@ td:hover .engine-tooltip, flex-shrink: 0; flex-grow: 0; flex-basis: unset; - background: #000000; - border: 1px solid rgba(0, 0, 0, 0.9); + background: var(--color-base-font); + border: 1px solid rgba(var(--color-base-font-rgb), 0.9); padding: 0.3rem 0; } .stacked-bar-chart-rate80 { @@ -1892,7 +1899,7 @@ td:hover .engine-tooltip, flex-grow: 0; flex-basis: unset; background: transparent; - border: 1px solid rgba(0, 0, 0, 0.3); + border: 1px solid rgba(var(--color-base-font-rgb), 0.3); padding: 0.3rem 0; } .stacked-bar-chart-rate95 { @@ -1901,7 +1908,7 @@ td:hover .engine-tooltip, flex-grow: 0; flex-basis: unset; background: transparent; - border-bottom: 1px dotted rgba(0, 0, 0, 0.5); + border-bottom: 1px dotted rgba(var(--color-base-font-rgb), 0.5); padding: 0; } .stacked-bar-chart-rate100 { @@ -1910,7 +1917,7 @@ td:hover .engine-tooltip, flex-grow: 0; flex-basis: unset; background: transparent; - border-left: 1px solid rgba(0, 0, 0, 0.9); + border-left: 1px solid rgba(var(--color-base-font-rgb), 0.9); padding: 0.4rem 0; width: 1px; } @@ -2284,16 +2291,23 @@ article.result-images .detail { text-align: center; } #main_preferences table.cookies { - width: auto; + width: 100%; } #main_preferences table.cookies th, #main_preferences table.cookies td { text-align: left; - padding: 0.25em; + font-family: monospace; + font-size: 1rem; + padding: 0.5em; + vertical-align: top; } -#main_preferences table.cookies th:first-child, #main_preferences table.cookies td:first-child { - padding-right: 4em; + word-break: keep-all; + width: 14rem; + padding-right: 1rem; +} +#main_preferences table.cookies td:last-child { + word-break: break-all; } #main_preferences table.cookies > tbody > tr:nth-child(even) > th, #main_preferences table.cookies > tbody > tr:nth-child(even) > td { @@ -2316,7 +2330,6 @@ article.result-images .detail { padding: 0.7em; } #main_preferences .preferences_back a { - display: block; color: var(--color-settings-return-font); } #main_preferences .preferences_back a::first-letter { @@ -2968,7 +2981,7 @@ article.result-images[data-vim-selected] .image_thumbnail { max-width: 100%; max-height: 12em; display: block; - margin: 0; + margin: 0 auto; padding: 0; } #sidebar .infobox dl { diff --git a/searx/static/themes/simple/css/searxng.min.css b/searx/static/themes/simple/css/searxng.min.css index 5ccacbeca4cc03dab6aa3324cfbb9da56d2e0e18..2c8b483b40a86d7c521581d8e53b796a737027b2 100644 GIT binary patch delta 1216 zcmcgrO;6N77)~Udz$j>RLqrjrgbmxJAAn0Ynjp|$pm=rKne9%P?KIQbEl9}z0S_An zPacQ|<5g3=c+-PtPyP!JoJ>6Vwq1}I&YjHq^*wQK>9V{OX9 zw)ze1F`7OQJ0%Jdxr|w)lqXa)EC(vxgsNh}AMb|Hj%~(*MQT`^WkdPv)@pu{y}Sb7 zj-5+6jinPDLPc{h8rv(>iZ+L3JDan5dh3J!JU7=*D5rti^Kq~pO3{soQOw%yN>#3P7cot59qUV z!rAQ>t7(65U61O^`t8BeMq%O>?l8XVc0?qS7zeajpb2|QT}#qVGsYyhp<7>uAF!%o z0p~f6y7Xs=2}Z^=RE)a@8KN1ojW?7dvC<& z?V;-+E50^8i9cC5@0M5B&`Ep|eZ03gbyt5pK*vgKZ0Lj5Lpo7rQ?#K5mgy=XARXUm z6HuWc`&Ip#7I|DUb!mFLZHCgL!-b%<*L{< z`ASfNNgtKx}9Fq|JGml&*5ZL-ih8a8~K%t;`O;sFd)os{Ri+zm}eN$x)Fqo$` z#=w&QADEG|y$BTYZLLN?z>5wbmC$tSu-qPX@C^)d#Asy76ZovJs|*3~*WfT(VmSr} zhs9cRAV&fQk?CSC7?m)H6wyhE1RLdCDl%QLk+XJo)=}x*ZFE|HGhJ?Um*(yg1p36q zmim^V-zO5Yvz0>b{yO^IdV1wdK<)j>MHRPRoLAFR3nu1uZ`eiO4`XO|!Y=f5(}W!> zy+tzU+u<#&-9SGlilh7JBSYgXIb`InZroRO2Gr@v0Fv!ip4vyQ)`v#U-f(4K53o!kgV z--^v%+S3?Waw0RFCNEHxW6F)(%%W?`%w(B5dA_OwW7_5z0~1EMNS#tApm9LmFgtx6 z9ZQ{b@_~kyIZa+=7|My@u^NSQYD47oohBz41u2<8c&1J|fgl5bdL4CKK^_LP%H3Tp zH(xg5<&KDix*Ozppb~JHfOUXbsUR^=M|VdZZJ@P|I^iIGFx(hl5Gxs?52(fhp(b?l qAKOZ1Q&%^j4`rD=%_dK`Gn;(fu8mQDbDaHc5f+eDn=L|au>%0=sdQ5S delta 274 zcmbQSlX21x#tl(|Jl>A3t~%LHj*gBx-kYlhvzY~vMI46Tx`|GnDj2u9Ui1YM zqv7TZiSgIU{CXADXnZ;OAK^i|8hO#;8fSGXs^InI9bWwj1#IDXluBA WJ7dM>`}Vg*Cd-F&Y(5@xksSbt`A@O{