From d8c98396252c9d0f56a1bb6a954b8d2653ed464f Mon Sep 17 00:00:00 2001 From: MrPaulBlack Date: Sat, 9 Oct 2021 16:03:58 +0200 Subject: [PATCH] [build] /static --- .../static/themes/simple/css/searxng-rtl.css | 499 +++++++++++------- .../themes/simple/css/searxng-rtl.min.css | Bin 35156 -> 43637 bytes .../themes/simple/css/searxng-rtl.min.css.map | Bin 19606 -> 21510 bytes searx/static/themes/simple/css/searxng.css | 499 +++++++++++------- .../static/themes/simple/css/searxng.min.css | Bin 35117 -> 43598 bytes .../themes/simple/css/searxng.min.css.map | Bin 19550 -> 21454 bytes 6 files changed, 642 insertions(+), 356 deletions(-) diff --git a/searx/static/themes/simple/css/searxng-rtl.css b/searx/static/themes/simple/css/searxng-rtl.css index bb771d23e..f6ce5a5bc 100644 --- a/searx/static/themes/simple/css/searxng-rtl.css +++ b/searx/static/themes/simple/css/searxng-rtl.css @@ -819,6 +819,156 @@ template { * * To change the colors of the site, simple edit this variables */ +html { + --color-base-font: #444; + --color-base-background: #fff; + --color-url-font: #29314d; + --color-url-visited-font: #80b; + --color-header-background: #f7f7f7; + --color-header-border: #ddd; + --color-footer-background: #f7f7f7; + --color-footer-border: #ddd; + --color-sidebar-border: #ddd; + --color-sidebar-font: #000; + --color-backtotop-border: #ddd; + --color-backtotop-background: #fff; + --color-backtotop-shadow: #ccc; + --color-btn-background: #3050ff; + --color-btn-font: #fff; + --color-search-border: #bbb; + --color-search-background: #fff; + --color-search-font: #222; + --color-search-background-hover: #3050ff; + --color-error: #db3434; + --color-error-background: #fae1e1; + --color-warning: #dbba34; + --color-warning-background: #faf5e1; + --color-success: #42db34; + --color-success-background: #e3fae1; + --color-categories-item-selected-font: #3050ff; + --color-categories-item-border-selected: #3050ff; + --color-autocomplete-font: #000; + --color-autocomplete-border: #bbb; + --color-autocomplete-background: #fff; + --color-autocomplete-background-hover: #f7f7f7; + --color-answer-border: #ddd; + --color-answer-font: #000; + --color-result-shadow: #ccc; + --color-result-border: #ddd; + --color-result-url-font: #000; + --color-result-vim-selected: #f7f7f7; + --color-result-vim-arrow: #000bbb; + --color-result-description-highlight-font: #000; + --color-result-link-font: #000bbb; + --color-result-link-font-highlight: #000bbb; + --color-result-link-visited-font: #80b; + --color-result-publishdate-font: #777; + --color-result-engines-font: #777; + --color-result-search-url-border: #ddd; + --color-result-search-url-font: #000; + --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6); + --color-result-image-span-font: #fff; + --color-result-image-background: #000bbb; + --color-settings-tr-hover: #f7f7f7; + --color-settings-engine-description-font: #909090; + --color-toolkit-badge-font: #fff; + --color-toolkit-badge-background: #777; + --color-toolkit-kbd-font: #fff; + --color-toolkit-kbd-background: #000; + --color-toolkit-dialog-border: #ddd; + --color-toolkit-dialog-background: #fff; + --color-toolkit-tabs-label-border: #fff; + --color-toolkit-tabs-section-border: #ddd; + --color-toolkit-select-border: #ddd; + --color-toolkit-checkbox-onoff-background: #ddd; + --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3); + --color-toolkit-checkbox-onoff-label-background: #3050ff; + --color-toolkit-checkbox-onoff-checked-background: #ddd; + --color-toolkit-checkbox-label-background: #fff; + --color-toolkit-checkbox-label-border: #ddd; + --color-toolkit-checkbox-input-border: #3050ff; + --color-toolkit-engine-tooltip-border: #ddd; + --color-toolkit-engine-tooltip-shadow: #ccc; + --color-toolkit-engine-tooltip-background: #fff; + --color-toolkit-loader-border: rgba(0, 0, 0, 0.2); + --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0); +} +@media (prefers-color-scheme: dark) { + html { + --color-base-font: #bbb; + --color-base-background: #222; + --color-url-font: #8af; + --color-url-visited-font: #96b; + --color-header-background: #181818; + --color-header-border: #333; + --color-footer-background: #181818; + --color-footer-border: #333; + --color-sidebar-border: #333; + --color-sidebar-font: #fff; + --color-backtotop-border: #333; + --color-backtotop-background: #181818; + --color-backtotop-shadow: #444; + --color-btn-background: #58f; + --color-btn-font: #fff; + --color-search-border: #444; + --color-search-background: #222; + --color-search-font: #fff; + --color-search-background-hover: #58f; + --color-error: #f55b5b; + --color-error-background: #390a0a; + --color-warning: #f1d561; + --color-warning-background: #39300a; + --color-success: #79f56e; + --color-success-background: #0e390a; + --color-categories-item-selected-font: #58f; + --color-categories-item-border-selected: #58f; + --color-autocomplete-font: #fff; + --color-autocomplete-border: #444; + --color-autocomplete-background: #222; + --color-autocomplete-background-hover: #181818; + --color-answer-border: #ddd; + --color-answer-font: #fff; + --color-result-shadow: #444; + --color-result-border: #333; + --color-result-url-font: #fff; + --color-result-vim-selected: #181818; + --color-result-vim-arrow: #8af; + --color-result-description-highlight-font: #fff; + --color-result-link-font: #8af; + --color-result-link-font-highlight: #8af; + --color-result-link-visited-font: #96b; + --color-result-publishdate-font: #777; + --color-result-engines-font: #777; + --color-result-search-url-border: #333; + --color-result-search-url-font: #fff; + --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6); + --color-result-image-span-font: #fff; + --color-result-image-background: #8af; + --color-settings-tr-hover: #333; + --color-settings-engine-description-font: #909090; + --color-toolkit-badge-font: #fff; + --color-toolkit-badge-background: #777; + --color-toolkit-kbd-font: #000; + --color-toolkit-kbd-background: #fff; + --color-toolkit-dialog-border: #333; + --color-toolkit-dialog-background: #222; + --color-toolkit-tabs-label-border: #222; + --color-toolkit-tabs-section-border: #333; + --color-toolkit-select-border: #333; + --color-toolkit-checkbox-onoff-background: #ddd; + --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3); + --color-toolkit-checkbox-onoff-label-background: #58f; + --color-toolkit-checkbox-onoff-checked-background: #ddd; + --color-toolkit-checkbox-label-background: #fff; + --color-toolkit-checkbox-label-border: #333; + --color-toolkit-checkbox-input-border: #58f; + --color-toolkit-engine-tooltip-border: #333; + --color-toolkit-engine-tooltip-shadow: #444; + --color-toolkit-engine-tooltip-background: #222; + --color-toolkit-loader-border: rgba(0, 0, 0, 0.2); + --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0); + } +} /* * SearXNG, A privacy-respecting, hackable metasearch engine */ @@ -1201,18 +1351,18 @@ html.js .show_if_nojs { margin-bottom: 4px; } .danger { - background-color: #fae1e1; + background-color: var(--color-error-background); } .warning { - background: #faf5e1; + background: var(--color-warning-background); } .success { - background: #e3fae1; + background: var(--color-success-background); } .badge { display: inline-block; - color: #fff; - background-color: #777; + color: var(--color-toolkit-badge-font); + background-color: var(--color-toolkit-badge-background); text-align: center; white-space: nowrap; vertical-align: baseline; @@ -1224,14 +1374,14 @@ kbd { padding: 2px 4px; margin: 1px; font-size: 90%; - color: white; - background: black; + color: var(--color-toolkit-kbd-font); + background: var(--color-toolkit-kbd-background); } table { width: 100%; } table.striped tr { - border-bottom: 1px solid #ececec; + border-bottom: 1px solid var(--color-settings-tr-hover); } th { padding: 0.4em; @@ -1240,13 +1390,13 @@ td { padding: 0 4px; } tr:hover { - background: #ececec; + background: var(--color-settings-tr-hover); } div.selectable_url { display: block; - border: 1px solid #888; + border: 1px solid var(--color-result-search-url-border); padding: 4px; - color: #444; + color: var(--color-result-search-url-font); margin: 0.1em; overflow: hidden; height: 1.2em; @@ -1266,12 +1416,14 @@ div.selectable_url pre { position: relative; padding: 1em 1em 1em 2.7em; margin: 0 0 1em 0; - border: 1px solid black; - border-radius: 4px; + border: 1px solid var(--color-toolkit-dialog-border); text-align: left; - color: #db3434; - background: #fae1e1; - border-color: #db3434; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + color: var(--color-error); + background: var(--color-error-background); + border-color: var(--color-error); } .dialog-error::before { position: absolute; @@ -1315,12 +1467,14 @@ div.selectable_url pre { position: relative; padding: 1em 1em 1em 2.7em; margin: 0 0 1em 0; - border: 1px solid black; - border-radius: 4px; + border: 1px solid var(--color-toolkit-dialog-border); text-align: left; - color: #dbba34; - background: #faf5e1; - border-color: #dbba34; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + color: var(--color-warning); + background: var(--color-warning-background); + border-color: var(--color-warning); } .dialog-warning::before { position: absolute; @@ -1364,10 +1518,12 @@ div.selectable_url pre { position: relative; padding: 1em 1em 1em 2.7em; margin: 0 0 1em 0; - border: 1px solid black; - border-radius: 4px; + border: 1px solid var(--color-toolkit-dialog-border); text-align: left; - background: white; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + background: var(--color-toolkit-dialog-background); position: fixed; top: 50%; left: 50%; @@ -1449,7 +1605,7 @@ div.selectable_url pre { margin: 0 0.7em; letter-spacing: 0.5px; text-transform: uppercase; - border: solid white; + border: solid var(--color-toolkit-tabs-label-border); border-width: 0 0 2px 0; -webkit-touch-callout: none; -webkit-user-select: none; @@ -1460,19 +1616,19 @@ div.selectable_url pre { cursor: pointer; } .tabs > label:hover { - border-bottom: 2px solid #084999; + border-bottom: 2px solid var(--color-categories-item-border-selected); } .tabs > section { min-width: 100%; padding: 0.7rem 0; box-sizing: border-box; - border-top: 1px solid black; + border-top: 1px solid var(--color-toolkit-tabs-section-border); display: none; } .tabs > label:last-of-type { - border-bottom: 2px solid #084999; - background: #3498DB; - color: #FFF; + border-bottom: 2px solid var(--color-categories-item-border-selected); + background: var(--color-categories-item-selected); + color: var(--color-categories-item-selected-font); font-weight: bold; letter-spacing: -0.1px; } @@ -1490,12 +1646,12 @@ html body .tabs > input:checked ~ label { color: inherit; } html body .tabs > input:checked ~ label:hover { - border-bottom: 2px solid #084999; + border-bottom: 2px solid var(--color-categories-item-border-selected); } html body .tabs > input:checked + label { - border-bottom: 2px solid #084999; - background: #3498DB; - color: #FFF; + border-bottom: 2px solid var(--color-categories-item-border-selected); + background: var(--color-categories-item-selected); + color: var(--color-categories-item-selected-font); } html body .tabs > input:checked + label + section { display: block; @@ -1505,7 +1661,7 @@ select { height: 28px; margin: 0 1em 0 0; padding: 2px 8px 2px 0 !important; - color: #222; + color: var(--color-search-font); font-size: 12px; z-index: 2; } @@ -1519,7 +1675,7 @@ select:focus { -webkit-appearance: none; -moz-appearance: none; border: none; - border-bottom: 1px solid #d7d7d7; + border-bottom: 1px solid var(--color-toolkit-select-border); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTI4LDE5MiAyNTYsMzIwIDM4NCwxOTIiLz48L2c+PC9zdmc+Cg==) no-repeat; background-position-x: 105%; background-size: 2em; @@ -1528,7 +1684,7 @@ select:focus { } select:hover, select:focus { - border-bottom: 1px solid #3498DB; + border-bottom: 1px solid var(--color-search-border); } } /* -- checkbox-onoff -- */ @@ -1537,7 +1693,7 @@ select:focus { display: inline-block; width: 40px; height: 10px; - background: #dcdcdc; + background: var(--color-toolkit-checkbox-onoff-background); margin: 8px 1rem; position: relative; border-radius: 50px; @@ -1550,17 +1706,17 @@ select:focus { top: -5px; cursor: pointer; border-radius: 50px; - box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 5px 0 var(--color-toolkit-checkbox-onoff-label-shadow); transition: all 0.4s ease; left: 27px; - background-color: #3498db; + background-color: var(--color-toolkit-checkbox-onoff-label-background); } .checkbox-onoff input[type=checkbox] { visibility: hidden; } .checkbox-onoff input[type=checkbox]:checked + label { left: -5px; - background: #dcdcdc; + background: var(--color-toolkit-checkbox-onoff-checked-background); } } /* -- checkbox -- */ @@ -1577,9 +1733,10 @@ select:focus { position: absolute; top: 0; left: 0; - background: white; - border-radius: 4px; - box-shadow: inset 0 1px 1px white, 0 1px 4px rgba(0, 0, 0, 0.5); + background: var(--color-toolkit-checkbox-label-background); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } .checkbox label::after { content: ''; @@ -1588,7 +1745,7 @@ select:focus { position: absolute; top: 4px; left: 4px; - border: 3px solid #333; + border: 3px solid var(--color-toolkit-checkbox-label-border); border-top: none; border-right: none; background: transparent; @@ -1599,7 +1756,7 @@ select:focus { visibility: hidden; } .checkbox input[type=checkbox]:checked + label::after { - border-color: #3498db; + border-color: var(--color-toolkit-checkbox-input-border); opacity: 1; } .checkbox input[disabled] + label { @@ -1628,10 +1785,10 @@ select:focus { font-size: 10px; position: relative; text-indent: -9999em; - border-top: 0.5em solid rgba(0, 0, 0, 0.2); - border-right: 0.5em solid rgba(0, 0, 0, 0.2); - border-bottom: 0.5em solid rgba(0, 0, 0, 0.2); - border-left: 0.5em solid rgba(255, 255, 255, 0); + border-top: 0.5em solid var(--color-toolkit-loader-border); + border-right: 0.5em solid var(--color-toolkit-loader-border); + border-bottom: 0.5em solid var(--color-toolkit-loader-border); + border-left: 0.5em solid var(--color-toolkit-loader-borderleft); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); @@ -1664,13 +1821,16 @@ select:focus { position: absolute; padding: 0.5rem 1rem; margin: 0 0 0 2rem; - border: 1px solid #ddd; - box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); - background: white; + border: 1px solid var(--color-toolkit-engine-tooltip-border); + box-shadow: 0 0 5px var(--color-toolkit-engine-tooltip-shadow); + background: var(--color-toolkit-engine-tooltip-background); font-size: 14px; font-weight: normal; z-index: 1000000; text-align: left; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } th:hover .engine-tooltip, td:hover .engine-tooltip, @@ -1746,11 +1906,14 @@ td:hover .engine-tooltip, max-height: 0; overflow-y: hidden; text-align: left; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } .autocomplete:active, .autocomplete:focus, .autocomplete:hover { - background-color: white; + background-color: var(--color-autocomplete-background); } .autocomplete:empty { display: none; @@ -1762,22 +1925,26 @@ td:hover .engine-tooltip, } .autocomplete > ul > li { cursor: pointer; - padding: 5px 0 5px 10px; + padding: 8px 0 8px 8px; } .autocomplete > ul > li.active, .autocomplete > ul > li:active, -.autocomplete > ul > li:focus { - background-color: #3498DB; +.autocomplete > ul > li:focus, +.autocomplete > ul > li:hover { + background-color: var(--color-autocomplete-background-hover); } .autocomplete > ul > li.active a:active, .autocomplete > ul > li:active a:active, .autocomplete > ul > li:focus a:active, +.autocomplete > ul > li:hover a:active, .autocomplete > ul > li.active a:focus, .autocomplete > ul > li:active a:focus, .autocomplete > ul > li:focus a:focus, +.autocomplete > ul > li:hover a:focus, .autocomplete > ul > li.active a:hover, .autocomplete > ul > li:active a:hover, -.autocomplete > ul > li:focus a:hover { +.autocomplete > ul > li:focus a:hover, +.autocomplete > ul > li:hover a:hover { text-decoration: none; } .autocomplete > ul > li.locked { @@ -1785,8 +1952,9 @@ td:hover .engine-tooltip, } .autocomplete.open { display: block; - background-color: white; - border: 1px solid #3498DB; + background-color: var(--color-autocomplete-background); + color: var(--color-autocomplete-font); + border: 1px solid var(--color-autocomplete-border); max-height: 500px; overflow-y: auto; z-index: 100; @@ -1799,8 +1967,7 @@ td:hover .engine-tooltip, bottom: 0; } .autocomplete > ul > li { - padding: 7px 0 7px 10px; - border-bottom: 1px solid #E8E7E6; + border-bottom: 1px solid var(--color-result-top-border); text-align: left; } } @@ -1847,9 +2014,6 @@ td:hover .engine-tooltip, margin-top: 0; } } -.column-reliability .engine-tooltip { - right: 12rem; -} #tab-contentquery table td, #tab-contentquery table th { text-align: left !important; @@ -1880,7 +2044,7 @@ td:hover .engine-tooltip, padding: 5px 0 0 0; float: left; width: 50%; - color: #909090; + color: var(--color-settings-engine-description-font); font-size: 90%; } #main_preferences select { @@ -1907,27 +2071,27 @@ td:hover .engine-tooltip, } #main_preferences table.cookies > tbody > tr:nth-child(even) > th, #main_preferences table.cookies > tbody > tr:nth-child(even) > td { - background-color: #ececec; + background-color: var(--color-settings-tr-hover); } #main_preferences .name, #main_preferences .shortcut { text-align: left; } #main_preferences .preferences_back { - background: none repeat scroll 0 0 #3498DB; - color: white; + background: none repeat scroll 0 0 var(--color-btn-background); + color: var(--color-btn-font); border: 0 none; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; cursor: pointer; display: inline-block; margin: 2px 4px; - padding: 0.5em; + padding: 0.7em; } #main_preferences .preferences_back a { display: block; - color: #FFF; + color: var(--color-settings-return-font); } #main_preferences .preferences_back a::first-letter { text-transform: uppercase; @@ -1957,11 +2121,11 @@ td:hover .engine-tooltip, #search { padding: 0 2em 0 10rem; margin: 0; - background: #f7f7f7; - border-bottom: 1px solid #d7d7d7; + background: var(--color-header-background); + border-bottom: 1px solid var(--color-header-border); } #search_wrapper { - padding: 10px 0; + padding: 20px 0 10px 0; } .search_box { margin: 0 12px 0 0; @@ -1980,21 +2144,20 @@ td:hover .engine-tooltip, box-sizing: border-box; width: 1.8em; margin: 0; - padding: 2px; - height: 2.2em; - background: none repeat scroll 0 0 #FFF; - border-top: 1px solid #3498DB; - border-bottom: 1px solid #3498DB; + padding: 8px 2px; + background: none repeat scroll 0 0 var(--color-search-background); + border-top: 1px solid var(--color-search-border); + border-bottom: 1px solid var(--color-search-border); border-right: none; border-left: none; border-radius: 0; outline: none; - color: #222; + color: var(--color-search-font); font-size: 16px; z-index: 10000; } #clear_search:hover { - color: #3498DB; + color: var(--color-search-background-hover); } #clear_search.empty * { display: none; @@ -2005,22 +2168,22 @@ td:hover .engine-tooltip, border-collapse: separate; box-sizing: border-box; margin: 0; - padding: 2px; - height: 2.2em; - background: none repeat scroll 0 0 #FFF; - border: 1px solid #3498DB; + padding: 8px; + background: none repeat scroll 0 0 var(--color-search-background); + border: 1px solid var(--color-search-border); border-radius: 0; outline: none; - color: #222; + color: var(--color-search-font); font-size: 16px; z-index: 2; } #q { outline: medium none; - padding-left: 8px; + padding-left: 12px; padding-right: 0 !important; border-right: none; width: 40rem; + border-radius: 10px 0 0 10px; } #q::-ms-clear, #q::-webkit-search-cancel-button { @@ -2028,12 +2191,12 @@ td:hover .engine-tooltip, } #send_search { border-left: none; - width: 2.2em; + border-radius: 0 10px 10px 0; } #send_search:hover { cursor: pointer; - background-color: #3498DB; - color: #ECF0F1; + background-color: var(--color-search-background-hover); + color: var(--color-search-background); } .no-js #send_search { width: auto !important; @@ -2132,9 +2295,6 @@ td:hover .engine-tooltip, position: relative; margin: 0 3px; padding: 0; - /* label:hover { - border-bottom: 2px solid @color-categories-item-border-unselected-hover; - } */ } .category input { display: none; @@ -2155,31 +2315,15 @@ td:hover .engine-tooltip, user-select: none; } .category input[type="checkbox"]:focus + label { - box-shadow: 0 0 8px #3498db; + box-shadow: 0 0 8px var(--color-categories-item-border-selected); } .category input[type="checkbox"]:checked + label { - background: #3498DB; - color: #FFF; - border-bottom: 2px solid #084999; + color: var(--color-categories-item-selected-font); + border-bottom: 2px solid var(--color-categories-item-border-selected); } #categories_container { position: relative; } -#categories_container .help { - position: absolute; - width: 100%; - bottom: -20px; - overflow: hidden; - opacity: 0; - transition: opacity 1s ease; - font-size: 0.8em; - text-align: center; - background: white; -} -#categories_container:hover .help { - opacity: 0.8; - transition: opacity 1s ease; -} .ion-icon-big { display: inline-block; line-height: 1; @@ -2203,7 +2347,8 @@ html { -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; - color: #444; + color: var(--color-base-font); + background-color: var(--color-base-background); padding: 0; margin: 0; } @@ -2235,8 +2380,8 @@ footer { padding: 1rem 0; width: 100%; text-align: center; - background-color: #f7f7f7; - border-top: 1px solid #d7d7d7; + background-color: var(--color-footer-background); + border-top: 1px solid var(--color-footer-border); overflow: hidden; } footer p { @@ -2255,28 +2400,28 @@ footer p { } input[type="submit"], #results button[type="submit"] { - padding: 0.5rem; + padding: 0.7rem; display: inline-block; - background: #3498DB; - color: #FFF; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + background: var(--color-btn-background); + color: var(--color-btn-font); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; border: 0; cursor: pointer; } a { text-decoration: none; - color: #29314d; + color: var(--color-url-font); } a:visited { - color: #684898; + color: var(--color-url-visited-font); } a:visited .highlight { - color: #684898; + color: var(--color-url-visited-font); } article[data-vim-selected] { - background: #f7f7f7; + background: var(--color-result-vim-selected); } article[data-vim-selected]::before { position: absolute; @@ -2284,17 +2429,17 @@ article[data-vim-selected]::before { padding: 2px; content: ">"; font-weight: bold; - color: #3498DB; + color: var(--color-result-vim-arrow); } article.result-images[data-vim-selected] { - background: #3498DB; + background: var(--color-result-vim-arrow); } article.result-images[data-vim-selected]::before { display: none; content: ""; } .result { - margin: 19px 0 18px 0; + margin: 2rem 0; padding: 0; } .result h3 { @@ -2305,12 +2450,12 @@ article.result-images[data-vim-selected]::before { margin-bottom: 0; } .result h3 a { - color: #084999; + color: var(--color-result-link-font); font-weight: normal; font-size: 1.1em; } .result h3 a:visited { - color: #684898; + color: var(--color-result-link-visited-font); } .result h3 a:focus, .result h3 a:hover { @@ -2337,7 +2482,7 @@ article.result-images[data-vim-selected]::before { .result .content .highlight, .result .stat .highlight, .result .altlink .highlight { - color: #000000; + color: var(--color-result-description-highlight-font); background: inherit; font-weight: bold; } @@ -2352,11 +2497,11 @@ article.result-images[data-vim-selected]::before { padding: 0; max-width: 54em; word-wrap: break-word; - color: #25a55b; + color: var(--color-result-url-font); } .result .published_date { font-size: 0.8em; - color: #888; + color: var(--color-result-publishdate-font); } .result img.thumbnail { float: left; @@ -2387,7 +2532,7 @@ article.result-images[data-vim-selected]::before { } .engines { float: right; - color: #888; + color: var(--color-result-engines-font); } .engines span { font-size: smaller; @@ -2397,9 +2542,8 @@ article.result-images[data-vim-selected]::before { font-size: 0.8em; } .highlight { - color: #094089; + color: var(--color-result-link-font-highlight); background: inherit; - font-weight: bold; } .result-images { display: inline-block; @@ -2414,11 +2558,11 @@ article.result-images[data-vim-selected]::before { padding: 0; border: none; max-height: 200px; - background: #084999; + background: var(--color-result-image-background); } .result-images span a { display: none; - color: #FFF; + color: var(--color-result-image-span-font); } .result-images:hover span a { display: block; @@ -2427,7 +2571,7 @@ article.result-images[data-vim-selected]::before { right: 0; padding: 4px; margin: 0 0 4px 4px; - background-color: rgba(0, 0, 0, 0.6); + background-color: var(--color-result-image-span-background-hover); font-size: 0.7em; } .result-map img.image { @@ -2454,23 +2598,6 @@ article.result-images[data-vim-selected]::before { .hidden { display: none !important; } -.torrent_result { - border-left: 10px solid lightgray; - padding-left: 3px; -} -.torrent_result p { - margin: 3px; - font-size: 0.8em; -} -.torrent_result a { - color: #084999; -} -.torrent_result a:hover { - text-decoration: underline; -} -.torrent_result a:visited { - color: #684898; -} #results { margin: 2rem 2rem 0 10rem; display: grid; @@ -2506,7 +2633,7 @@ article.result-images[data-vim-selected]::before { font-size: 0.9em; display: inline-block; background: transparent; - color: #444; + color: var(--color-result-search-url-font); cursor: pointer; } #suggestions input[type="submit"], @@ -2517,7 +2644,7 @@ article.result-images[data-vim-selected]::before { #answers .infobox .url a, #infoboxes .infobox .url a, #corrections .infobox .url a { - color: #084999; + color: var(--color-result-link-font); text-decoration: none; font-size: 0.9rem; } @@ -2549,13 +2676,17 @@ article.result-images[data-vim-selected]::before { #search_url .title, #apis .title { margin: 2em 0 0.5em 0; - color: #444; + color: var(--color-base-font); } #answers { grid-area: answers; - border: 1px solid #ddd; + border: 1px solid var(--color-answer-border); padding: 0.9em; - box-shadow: 0 0 5px #ccc; + margin-bottom: 2rem; + color: var(--color-answer-font); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } #answers h4 { display: none; @@ -2572,13 +2703,16 @@ article.result-images[data-vim-selected]::before { #sidebar { grid-area: sidebar; word-wrap: break-word; + color: var(--color-sidebar-font); } #sidebar .infobox { margin: 10px 0 10px; - border: 1px solid #ddd; + border: 1px solid var(--color-sidebar-border); padding: 0.9em; font-size: 0.9em; - box-shadow: 0 0 5px #ccc; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } #sidebar .infobox h2 { margin: 0 0 0.5em 0; @@ -2628,13 +2762,13 @@ article.result-images[data-vim-selected]::before { border: 0; display: block; font-size: 1.2em; - color: #222; + color: var(--color-search-font); } #linkto_preferences a:link *, #linkto_preferences a:hover *, #linkto_preferences a:visited *, #linkto_preferences a:active * { - color: #222; + color: var(--color-search-font); } #pagination { grid-area: pagination; @@ -2647,22 +2781,25 @@ article.result-images[data-vim-selected]::before { clear: both; } #backToTop { - border: 1px solid #ddd; + border: 1px solid var(--color-backtotop-border); margin: 0; padding: 0; font-size: 1em; - box-shadow: 0 0 5px #ccc; - background: white; + box-shadow: 0 0 5px var(--color-backtotop-shadow); + background: var(--color-backtotop-background); position: fixed; bottom: 8rem; left: 56.3rem; transition: opacity 0.5s; opacity: 0; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } #backToTop a { display: block; margin: 0; - padding: 0.6em; + padding: 0.7em; } @media screen and (max-width: 80em) { #main_preferences, @@ -2684,6 +2821,7 @@ article.result-images[data-vim-selected]::before { margin: 0.5em 0.5em 0.5em 0; } #sidebar { + margin-bottom: 2rem; padding: 0; float: none; border: none; @@ -2698,12 +2836,6 @@ article.result-images[data-vim-selected]::before { #search_url { display: none; } - .result { - border-bottom: 1px solid #E8E7E6; - margin: 0; - padding-top: 8px; - padding-bottom: 6px; - } .result h3 { margin: 0 0 1px 0; } @@ -2789,9 +2921,13 @@ article.result-images[data-vim-selected]::before { #sidebar { margin: 0 5px 2px 5px; } + .infobox { + box-shadow: 0 0 5px var(--color-result-shadow); + } #corrections, #answers { margin: 0 5px 1em 5px; + box-shadow: 0 0 5px var(--color-result-shadow); } #results { margin: 0; @@ -2802,11 +2938,18 @@ article.result-images[data-vim-selected]::before { } .result { padding: 8px 10px 6px 10px; + margin: 0.5rem; + border: 1px solid var(--color-result-border); + box-shadow: 0 0 5px var(--color-result-shadow); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } .result-images { margin: 0; padding: 0; border: none; + box-shadow: none; } } @media screen and (max-width: 35em) { diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css b/searx/static/themes/simple/css/searxng-rtl.min.css index 74b0a425066931a66f4bc9ca1646f7eef4e01ce7..cb34a62079accaec58c2a4e4c4b7e8be51d34760 100644 GIT binary patch delta 11039 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 delta 2539 zcmb7FTWr&26jnkY1x8_93W!THOo6f{bK+bayB8H`cPlGwqXp5abL>BfA&FhbX~Lom zssW{1VbHUoZD>H*14EkBP2PBzgiw(XnuIhlv4?4UK;mgPCLXp&w*QaqkhU-}{j%lD z`M>j>bG~!_zivBkk2$}HtuXF3-Klj`aRK>}AMWtWDEu4`A%Dr2&50t)W{WXF+@H{t zTt?z3#1Kn(p_w}M=JHvQNCYOEFD#|v@i<>?M$rcai42!Qaoye~ z#h4%yoWj5i$cC`sO*>;wd%N?0dx!}$JdiZa@IdU0joWrP!%rAPb>46ujSbKLG0R0V z3elH;bW=1Nj7Fo-+O@|;0O4v^TZ8p+O2AAo%5K|YXQZ>U(-_^p!%^A4;FYzop}YRc zwgR!f-<@z#fk41ecTgBdijZY|z4MCGO_|PM^z|hEA(92_c3oefC1S!Rx``|w19d$i z(^87T!Jb1E%TVvtZc{Nc>KjuE-fU8klsqSAvPk#P9=}>BUt~v<`HBVOsdg1=gyim& zi((iC9_+qhJ2n2?^OYl5Z5U{@%caSQq|W(5DDBBADOs9=7l42Eu9^}|0QkO@i_1`f zP^ihiXyZWN8fP;lNfHLGP!C{!_C-%Y_G1E7-9(Da_O}^V`hRo5J*nF)yMT_?hA;%} zA$LEm7GP&`8BE0Iz`}TFW$__`*V46B4s2yi#5XwL?#R=yJt?fI$}>XohN6uTlPV zx!r@2vOjVs{&=`4uW(ZxY)7OcY&iFE&gXpCRW6mZ51>@>c7*O+zEgH6BNiOOK8XQ5Gl{B!Zh?^&laO_&9bq&zqIs zLY$AqnV)Q4(o@YIE1>j9dR&tDvq;*meC*?W8C!=8hpT*=aPPEW9mXSM0WNW6kX=8# z$${l`@5uV;O2l~^yR`g2gn0ZYTTca|j6W!q1a45q@gk{c)hf&e*(eJ&!>iqt_1r$Z zu|lDJcom#DHWxl0eyO4*bgU8jhM%f>-!tDIEqA1!#od4HSgBIOzL91d*SIor0Y^y= zh2!tuc2j|n5DLYhH0pDa^VRrn^dkO^pWyU~ehd%|(rgr)J`0ieCMtmQPHr~!-+S`y zDKjr@%sQ2Gyz0{xO+y*IUqjhkN-tVnNseER%nEy`NDNu_q3$jJXVgMz+J28(gj?^| zF<1aIehGFCO}$S44?m5p+cf>7=P?B^@?&S6WeEWL!2>&5>jm5eoh`Lv+nDT`anB8tbY%3)bl f-mT6Is|Dlc`1iBnhl`uR`&kM)FZtl`rThN^+-6za 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 b8cc2d4c9f6c4d94d6ebbe86ff8f06b47d2a1088..09e100eb0ee193ded40ed71e0ce794c9228eba2e 100644 GIT binary patch delta 4150 zcmd57%g5Z0PPoYKFfahkMgXnxv;W}Db?>LlcMcfDS3*NJVC(l`~Usq^prwn?2t zs8JCDl>-Q-0+kCwT#$+c$OnW}5F8M_R8XlGB#snuK%zoOzzJsFd+Xi&(82-1#dX;Y;tyTadHm2rP7>NYTC0Fup+Xh=(?Oy6-B|NrpQ@m zImwnulCB7;uE>5zdf`FRC2;^XEI4OvW$h>qIVWr}+Tiz?Wex&SDza@3ulb=T@x-0V#MrS$%lf!KLrxLCnTz;%rmM$!E$ zgYBjBv2*cgiy9yfu&gngcD)dRop|xeU~2!9%Gj7cJNSs5R|Y%quT;iHr~glt!Mt`? zM#@QQ$@EQk$Rz{43ZgD#>2+ED)%dzE}vGE6g3lL zWYc$?_LD@%VQN0TiV~-jT0$l+qaFmPO{=i4e5N=~N^ys&!)9TQz}51a!WETzmer`j zC*^WMiav(V!B6FtmHF%3f|<8~m$d{O-G8SPkFdH{Nh^*!Z6b>7hP5JJ6DtxcJZ=eC z)Dnbo!ZC!1m9&h~sqi_PLz)IXwLVB3_`WzAR3kLq&?Dws(tv2iz~3;oVjH8&!We}^ z7(;0Qjp3lk8>@uf2XF3=PHPdGkdDEna70ck=XFR{SobmP6JBOw3Xkg&S<4MqUiK8E zW%?L_9}cZjkVBZjRTUw$_`HvtcDZufjLAi;t25?Zn^& z@{%~RT|_T5Xu&Io6NSho@(lTU_i!)9k3L4A^~mRaXpK;zHDnDvt9XR`TpUoj-?q4k zi-W41a-T+LC?l(CuH$I6%T#qiG0t^_Z1(q&yC{8}x9KsX$w4jilm-|XL(u*!&IDV9C zCC_X)SKaWCgoJ3t3kj%ie2Wr-N6bYPzHV$gGNTb0v{{W?qnZ`gbQb35ydL3+^>WXR z1&I1J)QArO<4Jhc|15@RSD?Yqx(rt3Mm*@Zfmy?$X}2|&QXQTNT-iom!M(ttHpD@| z5eG|%?J8Ck#SN=!3$;{5!|-;|UZ@T3%aeY-sS?+egD_leio-8~ifTvu#z2yG40Rel zZ79vFP=XDT1@pnj$}m^lZ3+g92oDRq9IWGgf`8{Jsl$z6S;^)cnkRGL1y6fCjTUr< zdZZ9s3Vq~R?FFf-+hb;7x#eI4=}P^ipMEtge%AO|SJ>n{o}l(X+0t=-Ahv$3u@}4B zzyQp)j#l&=ntY038W>~$DbNpAHfDbY?zNUn6R^EauD~|Rtx%iHj~9GW5x0ih%HT}f zokN^26r`;)1LhOgd@05v(aA2Tu@jNRI@VYrC~iO27AMGhA7VrLGyiaG=m}OzdR}1l zv82a%*&@}A6r6AG+|P!ckz##zRunbORKE&0+mFK^?PoB9Y#zed4k7^#N~GxX9UtSG zsy_i*=X14jdNdjXY-H#nOjMK%5Aw$BL+A}%$DuR0+beuFpuX!%)Pi921pL<3vnx*j ze=un5Koa8J7pqf@bptFdQF{#7im{a&Cfx0QiV6^4>J(z7=SFT?>7)AOp!vjhldnx(^)NCjV;gK#}^l6)f6M4N6O>@g}zkj*5q zn=f_?95Nk7b3tq#=LsiAF~@H$kOUt)`0RmOfiif_ctgO)yg*&FUovyK=&v5QWqA*< zfIFp#or3y2?`ZE?Rj|+S6>^DzJ?<;3zZ!jKW#3C#-m(GExY)@q#V#(X*lpM-+bQ6! ZU=rj}xNZ61dUpxvu@+A-3zuSLe*(~;Z?OOX delta 2292 zcmaJ@O>7%g5Z2mhXj-C{{JJ0#r%j0Cyx5Ix;odc5(hwtikaD6r!8$St9kS0 z&71k=n|b@v1?BB?%EgUJwO2`O4bDzX!-wsnA*W4?ld9AX!WW}^s-e*9^@QO;(oZ}tR~CL^gD;#o|S zl(eJ6Pum|Exs%tOclSD&)x;94b*15}9p5w=M>Rt%-sJn;?sCtae9!5%;5Att>^U3Q z=$Tfa*wq4Sy-zY6ri78m5Q>B+oQibZPqF)%vs8l{K8?JVqHQZD<~6E`2Nb5tMz=p` zI`Bf@q<_WLz9W1w-jHJY0;%;C${r_&s`hixe}p04ynCrKfF^TWF+;3GerJ z^Ql4!uJj*ozdZmBtdyFOV)(6_k-7%6VxJ$uW#RY{v=6Les(c-n(x$3$Dy-x5ZqXee zlXcxZRiye*Y`YTkB4Ns4+{7UNqm#6r6=QuO-V=~^bv6EcKsgS>iGeW2>9L2s3i@g_ zj+)R`tNcLB;nmJ@g)nRt`3&Gh-f2YUB`wnrnM}P&dQ^_a=AI+`8y8#!SG= zX${@k64UxFeOk#temJ(=*LE+DgF~1Tc07DE{AvRhh+R97$%LE!2eJd#BcVEC9=wqe zQEz{eg5eRtX*&d(3#Ug^B;_xeLjAgDNX1)%m=vsJ9^k;x;qtDSV!`UJPWXFQZ_Gml zJz+jr7(UCC_t}Y|dhRW=TG>4n2s}LjpO5ZUhT)&lOTj_M!0|V>>7+BHiUc-L686Pg zxZw(@8A453^`{{Dq7sF?hC?_Jk}~C0me|}W_;+F(M9Z5xS%)K%47s`}F$sBT!WKOQ z2NRoxG#zmS@5sA$CY`v!juF$26>?&_v>*15&7_OACR`v(v#Ru{$^5s9^El}cUtREe zihQ}I6G!2XG0}(@ty@g9>pr<++_V@o6G$$h#8A9)>10Iz)%C9+OlK z&mBTT6Il1xm;?36grBOpq{5;)x{Z#SbE-Irh#ae-ZZ2qWMIC@M_6GQ2WD5kfB9k72 zd`#ut!MsQxw6Ntf`Kz84

AwRq+=Ko@%mif9V!U|+ozj=>Cjtn?oE`DsqaqV@D&FY9RQ=vwQX*t*mqouS zjjR|}Wi~5@RH>WdkS6t#Pc589i%t$MCqi)5>GZE~}}>(ZH|84t(msluOu0RB9@RqCpvUlaH_-U`2#MrbiZi#oI}z$fL=z~Bk^ HtsMFf>|1-J diff --git a/searx/static/themes/simple/css/searxng.css b/searx/static/themes/simple/css/searxng.css index 6e2bc5843..433858659 100644 --- a/searx/static/themes/simple/css/searxng.css +++ b/searx/static/themes/simple/css/searxng.css @@ -819,6 +819,156 @@ template { * * To change the colors of the site, simple edit this variables */ +html { + --color-base-font: #444; + --color-base-background: #fff; + --color-url-font: #29314d; + --color-url-visited-font: #80b; + --color-header-background: #f7f7f7; + --color-header-border: #ddd; + --color-footer-background: #f7f7f7; + --color-footer-border: #ddd; + --color-sidebar-border: #ddd; + --color-sidebar-font: #000; + --color-backtotop-border: #ddd; + --color-backtotop-background: #fff; + --color-backtotop-shadow: #ccc; + --color-btn-background: #3050ff; + --color-btn-font: #fff; + --color-search-border: #bbb; + --color-search-background: #fff; + --color-search-font: #222; + --color-search-background-hover: #3050ff; + --color-error: #db3434; + --color-error-background: #fae1e1; + --color-warning: #dbba34; + --color-warning-background: #faf5e1; + --color-success: #42db34; + --color-success-background: #e3fae1; + --color-categories-item-selected-font: #3050ff; + --color-categories-item-border-selected: #3050ff; + --color-autocomplete-font: #000; + --color-autocomplete-border: #bbb; + --color-autocomplete-background: #fff; + --color-autocomplete-background-hover: #f7f7f7; + --color-answer-border: #ddd; + --color-answer-font: #000; + --color-result-shadow: #ccc; + --color-result-border: #ddd; + --color-result-url-font: #000; + --color-result-vim-selected: #f7f7f7; + --color-result-vim-arrow: #000bbb; + --color-result-description-highlight-font: #000; + --color-result-link-font: #000bbb; + --color-result-link-font-highlight: #000bbb; + --color-result-link-visited-font: #80b; + --color-result-publishdate-font: #777; + --color-result-engines-font: #777; + --color-result-search-url-border: #ddd; + --color-result-search-url-font: #000; + --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6); + --color-result-image-span-font: #fff; + --color-result-image-background: #000bbb; + --color-settings-tr-hover: #f7f7f7; + --color-settings-engine-description-font: #909090; + --color-toolkit-badge-font: #fff; + --color-toolkit-badge-background: #777; + --color-toolkit-kbd-font: #fff; + --color-toolkit-kbd-background: #000; + --color-toolkit-dialog-border: #ddd; + --color-toolkit-dialog-background: #fff; + --color-toolkit-tabs-label-border: #fff; + --color-toolkit-tabs-section-border: #ddd; + --color-toolkit-select-border: #ddd; + --color-toolkit-checkbox-onoff-background: #ddd; + --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3); + --color-toolkit-checkbox-onoff-label-background: #3050ff; + --color-toolkit-checkbox-onoff-checked-background: #ddd; + --color-toolkit-checkbox-label-background: #fff; + --color-toolkit-checkbox-label-border: #ddd; + --color-toolkit-checkbox-input-border: #3050ff; + --color-toolkit-engine-tooltip-border: #ddd; + --color-toolkit-engine-tooltip-shadow: #ccc; + --color-toolkit-engine-tooltip-background: #fff; + --color-toolkit-loader-border: rgba(0, 0, 0, 0.2); + --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0); +} +@media (prefers-color-scheme: dark) { + html { + --color-base-font: #bbb; + --color-base-background: #222; + --color-url-font: #8af; + --color-url-visited-font: #96b; + --color-header-background: #181818; + --color-header-border: #333; + --color-footer-background: #181818; + --color-footer-border: #333; + --color-sidebar-border: #333; + --color-sidebar-font: #fff; + --color-backtotop-border: #333; + --color-backtotop-background: #181818; + --color-backtotop-shadow: #444; + --color-btn-background: #58f; + --color-btn-font: #fff; + --color-search-border: #444; + --color-search-background: #222; + --color-search-font: #fff; + --color-search-background-hover: #58f; + --color-error: #f55b5b; + --color-error-background: #390a0a; + --color-warning: #f1d561; + --color-warning-background: #39300a; + --color-success: #79f56e; + --color-success-background: #0e390a; + --color-categories-item-selected-font: #58f; + --color-categories-item-border-selected: #58f; + --color-autocomplete-font: #fff; + --color-autocomplete-border: #444; + --color-autocomplete-background: #222; + --color-autocomplete-background-hover: #181818; + --color-answer-border: #ddd; + --color-answer-font: #fff; + --color-result-shadow: #444; + --color-result-border: #333; + --color-result-url-font: #fff; + --color-result-vim-selected: #181818; + --color-result-vim-arrow: #8af; + --color-result-description-highlight-font: #fff; + --color-result-link-font: #8af; + --color-result-link-font-highlight: #8af; + --color-result-link-visited-font: #96b; + --color-result-publishdate-font: #777; + --color-result-engines-font: #777; + --color-result-search-url-border: #333; + --color-result-search-url-font: #fff; + --color-result-image-span-background-hover: rgba(0, 0, 0, 0.6); + --color-result-image-span-font: #fff; + --color-result-image-background: #8af; + --color-settings-tr-hover: #333; + --color-settings-engine-description-font: #909090; + --color-toolkit-badge-font: #fff; + --color-toolkit-badge-background: #777; + --color-toolkit-kbd-font: #000; + --color-toolkit-kbd-background: #fff; + --color-toolkit-dialog-border: #333; + --color-toolkit-dialog-background: #222; + --color-toolkit-tabs-label-border: #222; + --color-toolkit-tabs-section-border: #333; + --color-toolkit-select-border: #333; + --color-toolkit-checkbox-onoff-background: #ddd; + --color-toolkit-checkbox-onoff-label-shadow: rgba(0, 0, 0, 0.3); + --color-toolkit-checkbox-onoff-label-background: #58f; + --color-toolkit-checkbox-onoff-checked-background: #ddd; + --color-toolkit-checkbox-label-background: #fff; + --color-toolkit-checkbox-label-border: #333; + --color-toolkit-checkbox-input-border: #58f; + --color-toolkit-engine-tooltip-border: #333; + --color-toolkit-engine-tooltip-shadow: #444; + --color-toolkit-engine-tooltip-background: #222; + --color-toolkit-loader-border: rgba(0, 0, 0, 0.2); + --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0); + } +} /* * SearXNG, A privacy-respecting, hackable metasearch engine */ @@ -1201,18 +1351,18 @@ html.js .show_if_nojs { margin-bottom: 4px; } .danger { - background-color: #fae1e1; + background-color: var(--color-error-background); } .warning { - background: #faf5e1; + background: var(--color-warning-background); } .success { - background: #e3fae1; + background: var(--color-success-background); } .badge { display: inline-block; - color: #fff; - background-color: #777; + color: var(--color-toolkit-badge-font); + background-color: var(--color-toolkit-badge-background); text-align: center; white-space: nowrap; vertical-align: baseline; @@ -1224,14 +1374,14 @@ kbd { padding: 2px 4px; margin: 1px; font-size: 90%; - color: white; - background: black; + color: var(--color-toolkit-kbd-font); + background: var(--color-toolkit-kbd-background); } table { width: 100%; } table.striped tr { - border-bottom: 1px solid #ececec; + border-bottom: 1px solid var(--color-settings-tr-hover); } th { padding: 0.4em; @@ -1240,13 +1390,13 @@ td { padding: 0 4px; } tr:hover { - background: #ececec; + background: var(--color-settings-tr-hover); } div.selectable_url { display: block; - border: 1px solid #888; + border: 1px solid var(--color-result-search-url-border); padding: 4px; - color: #444; + color: var(--color-result-search-url-font); margin: 0.1em; overflow: hidden; height: 1.2em; @@ -1266,12 +1416,14 @@ div.selectable_url pre { position: relative; padding: 1em 1em 1em 2.7em; margin: 0 0 1em 0; - border: 1px solid black; - border-radius: 4px; + border: 1px solid var(--color-toolkit-dialog-border); text-align: left; - color: #db3434; - background: #fae1e1; - border-color: #db3434; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + color: var(--color-error); + background: var(--color-error-background); + border-color: var(--color-error); } .dialog-error::before { position: absolute; @@ -1315,12 +1467,14 @@ div.selectable_url pre { position: relative; padding: 1em 1em 1em 2.7em; margin: 0 0 1em 0; - border: 1px solid black; - border-radius: 4px; + border: 1px solid var(--color-toolkit-dialog-border); text-align: left; - color: #dbba34; - background: #faf5e1; - border-color: #dbba34; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + color: var(--color-warning); + background: var(--color-warning-background); + border-color: var(--color-warning); } .dialog-warning::before { position: absolute; @@ -1364,10 +1518,12 @@ div.selectable_url pre { position: relative; padding: 1em 1em 1em 2.7em; margin: 0 0 1em 0; - border: 1px solid black; - border-radius: 4px; + border: 1px solid var(--color-toolkit-dialog-border); text-align: left; - background: white; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + background: var(--color-toolkit-dialog-background); position: fixed; top: 50%; left: 50%; @@ -1449,7 +1605,7 @@ div.selectable_url pre { margin: 0 0.7em; letter-spacing: 0.5px; text-transform: uppercase; - border: solid white; + border: solid var(--color-toolkit-tabs-label-border); border-width: 0 0 2px 0; -webkit-touch-callout: none; -webkit-user-select: none; @@ -1460,19 +1616,19 @@ div.selectable_url pre { cursor: pointer; } .tabs > label:hover { - border-bottom: 2px solid #084999; + border-bottom: 2px solid var(--color-categories-item-border-selected); } .tabs > section { min-width: 100%; padding: 0.7rem 0; box-sizing: border-box; - border-top: 1px solid black; + border-top: 1px solid var(--color-toolkit-tabs-section-border); display: none; } .tabs > label:last-of-type { - border-bottom: 2px solid #084999; - background: #3498DB; - color: #FFF; + border-bottom: 2px solid var(--color-categories-item-border-selected); + background: var(--color-categories-item-selected); + color: var(--color-categories-item-selected-font); font-weight: bold; letter-spacing: -0.1px; } @@ -1490,12 +1646,12 @@ html body .tabs > input:checked ~ label { color: inherit; } html body .tabs > input:checked ~ label:hover { - border-bottom: 2px solid #084999; + border-bottom: 2px solid var(--color-categories-item-border-selected); } html body .tabs > input:checked + label { - border-bottom: 2px solid #084999; - background: #3498DB; - color: #FFF; + border-bottom: 2px solid var(--color-categories-item-border-selected); + background: var(--color-categories-item-selected); + color: var(--color-categories-item-selected-font); } html body .tabs > input:checked + label + section { display: block; @@ -1505,7 +1661,7 @@ select { height: 28px; margin: 0 1em 0 0; padding: 2px 8px 2px 0 !important; - color: #222; + color: var(--color-search-font); font-size: 12px; z-index: 2; } @@ -1519,7 +1675,7 @@ select:focus { -webkit-appearance: none; -moz-appearance: none; border: none; - border-bottom: 1px solid #d7d7d7; + border-bottom: 1px solid var(--color-toolkit-select-border); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMTI4LDE5MiAyNTYsMzIwIDM4NCwxOTIiLz48L2c+PC9zdmc+Cg==) no-repeat; background-position-x: 105%; background-size: 2em; @@ -1528,7 +1684,7 @@ select:focus { } select:hover, select:focus { - border-bottom: 1px solid #3498DB; + border-bottom: 1px solid var(--color-search-border); } } /* -- checkbox-onoff -- */ @@ -1537,7 +1693,7 @@ select:focus { display: inline-block; width: 40px; height: 10px; - background: #dcdcdc; + background: var(--color-toolkit-checkbox-onoff-background); margin: 8px 1rem; position: relative; border-radius: 50px; @@ -1550,17 +1706,17 @@ select:focus { top: -5px; cursor: pointer; border-radius: 50px; - box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 5px 0 var(--color-toolkit-checkbox-onoff-label-shadow); transition: all 0.4s ease; left: 27px; - background-color: #3498db; + background-color: var(--color-toolkit-checkbox-onoff-label-background); } .checkbox-onoff input[type=checkbox] { visibility: hidden; } .checkbox-onoff input[type=checkbox]:checked + label { left: -5px; - background: #dcdcdc; + background: var(--color-toolkit-checkbox-onoff-checked-background); } } /* -- checkbox -- */ @@ -1577,9 +1733,10 @@ select:focus { position: absolute; top: 0; left: 0; - background: white; - border-radius: 4px; - box-shadow: inset 0 1px 1px white, 0 1px 4px rgba(0, 0, 0, 0.5); + background: var(--color-toolkit-checkbox-label-background); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } .checkbox label::after { content: ''; @@ -1588,7 +1745,7 @@ select:focus { position: absolute; top: 4px; left: 4px; - border: 3px solid #333; + border: 3px solid var(--color-toolkit-checkbox-label-border); border-top: none; border-right: none; background: transparent; @@ -1599,7 +1756,7 @@ select:focus { visibility: hidden; } .checkbox input[type=checkbox]:checked + label::after { - border-color: #3498db; + border-color: var(--color-toolkit-checkbox-input-border); opacity: 1; } .checkbox input[disabled] + label { @@ -1628,10 +1785,10 @@ select:focus { font-size: 10px; position: relative; text-indent: -9999em; - border-top: 0.5em solid rgba(0, 0, 0, 0.2); - border-right: 0.5em solid rgba(0, 0, 0, 0.2); - border-bottom: 0.5em solid rgba(0, 0, 0, 0.2); - border-left: 0.5em solid rgba(255, 255, 255, 0); + border-top: 0.5em solid var(--color-toolkit-loader-border); + border-right: 0.5em solid var(--color-toolkit-loader-border); + border-bottom: 0.5em solid var(--color-toolkit-loader-border); + border-left: 0.5em solid var(--color-toolkit-loader-borderleft); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); @@ -1664,13 +1821,16 @@ select:focus { position: absolute; padding: 0.5rem 1rem; margin: 0 0 0 2rem; - border: 1px solid #ddd; - box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); - background: white; + border: 1px solid var(--color-toolkit-engine-tooltip-border); + box-shadow: 0 0 5px var(--color-toolkit-engine-tooltip-shadow); + background: var(--color-toolkit-engine-tooltip-background); font-size: 14px; font-weight: normal; z-index: 1000000; text-align: left; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } th:hover .engine-tooltip, td:hover .engine-tooltip, @@ -1746,11 +1906,14 @@ td:hover .engine-tooltip, max-height: 0; overflow-y: hidden; text-align: left; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } .autocomplete:active, .autocomplete:focus, .autocomplete:hover { - background-color: white; + background-color: var(--color-autocomplete-background); } .autocomplete:empty { display: none; @@ -1762,22 +1925,26 @@ td:hover .engine-tooltip, } .autocomplete > ul > li { cursor: pointer; - padding: 5px 0 5px 10px; + padding: 8px 0 8px 8px; } .autocomplete > ul > li.active, .autocomplete > ul > li:active, -.autocomplete > ul > li:focus { - background-color: #3498DB; +.autocomplete > ul > li:focus, +.autocomplete > ul > li:hover { + background-color: var(--color-autocomplete-background-hover); } .autocomplete > ul > li.active a:active, .autocomplete > ul > li:active a:active, .autocomplete > ul > li:focus a:active, +.autocomplete > ul > li:hover a:active, .autocomplete > ul > li.active a:focus, .autocomplete > ul > li:active a:focus, .autocomplete > ul > li:focus a:focus, +.autocomplete > ul > li:hover a:focus, .autocomplete > ul > li.active a:hover, .autocomplete > ul > li:active a:hover, -.autocomplete > ul > li:focus a:hover { +.autocomplete > ul > li:focus a:hover, +.autocomplete > ul > li:hover a:hover { text-decoration: none; } .autocomplete > ul > li.locked { @@ -1785,8 +1952,9 @@ td:hover .engine-tooltip, } .autocomplete.open { display: block; - background-color: white; - border: 1px solid #3498DB; + background-color: var(--color-autocomplete-background); + color: var(--color-autocomplete-font); + border: 1px solid var(--color-autocomplete-border); max-height: 500px; overflow-y: auto; z-index: 100; @@ -1799,8 +1967,7 @@ td:hover .engine-tooltip, bottom: 0; } .autocomplete > ul > li { - padding: 7px 0 7px 10px; - border-bottom: 1px solid #E8E7E6; + border-bottom: 1px solid var(--color-result-top-border); text-align: left; } } @@ -1847,9 +2014,6 @@ td:hover .engine-tooltip, margin-top: 0; } } -.column-reliability .engine-tooltip { - right: 12rem; -} #tab-contentquery table td, #tab-contentquery table th { text-align: left !important; @@ -1880,7 +2044,7 @@ td:hover .engine-tooltip, padding: 5px 0 0 0; float: left; width: 50%; - color: #909090; + color: var(--color-settings-engine-description-font); font-size: 90%; } #main_preferences select { @@ -1907,27 +2071,27 @@ td:hover .engine-tooltip, } #main_preferences table.cookies > tbody > tr:nth-child(even) > th, #main_preferences table.cookies > tbody > tr:nth-child(even) > td { - background-color: #ececec; + background-color: var(--color-settings-tr-hover); } #main_preferences .name, #main_preferences .shortcut { text-align: left; } #main_preferences .preferences_back { - background: none repeat scroll 0 0 #3498DB; - color: white; + background: none repeat scroll 0 0 var(--color-btn-background); + color: var(--color-btn-font); border: 0 none; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; cursor: pointer; display: inline-block; margin: 2px 4px; - padding: 0.5em; + padding: 0.7em; } #main_preferences .preferences_back a { display: block; - color: #FFF; + color: var(--color-settings-return-font); } #main_preferences .preferences_back a::first-letter { text-transform: uppercase; @@ -1957,11 +2121,11 @@ td:hover .engine-tooltip, #search { padding: 0 2em 0 10rem; margin: 0; - background: #f7f7f7; - border-bottom: 1px solid #d7d7d7; + background: var(--color-header-background); + border-bottom: 1px solid var(--color-header-border); } #search_wrapper { - padding: 10px 0; + padding: 20px 0 10px 0; } .search_box { margin: 0 12px 0 0; @@ -1980,21 +2144,20 @@ td:hover .engine-tooltip, box-sizing: border-box; width: 1.8em; margin: 0; - padding: 2px; - height: 2.2em; - background: none repeat scroll 0 0 #FFF; - border-top: 1px solid #3498DB; - border-bottom: 1px solid #3498DB; + padding: 8px 2px; + background: none repeat scroll 0 0 var(--color-search-background); + border-top: 1px solid var(--color-search-border); + border-bottom: 1px solid var(--color-search-border); border-right: none; border-left: none; border-radius: 0; outline: none; - color: #222; + color: var(--color-search-font); font-size: 16px; z-index: 10000; } #clear_search:hover { - color: #3498DB; + color: var(--color-search-background-hover); } #clear_search.empty * { display: none; @@ -2005,22 +2168,22 @@ td:hover .engine-tooltip, border-collapse: separate; box-sizing: border-box; margin: 0; - padding: 2px; - height: 2.2em; - background: none repeat scroll 0 0 #FFF; - border: 1px solid #3498DB; + padding: 8px; + background: none repeat scroll 0 0 var(--color-search-background); + border: 1px solid var(--color-search-border); border-radius: 0; outline: none; - color: #222; + color: var(--color-search-font); font-size: 16px; z-index: 2; } #q { outline: medium none; - padding-left: 8px; + padding-left: 12px; padding-right: 0 !important; border-right: none; width: 40rem; + border-radius: 10px 0 0 10px; } #q::-ms-clear, #q::-webkit-search-cancel-button { @@ -2028,12 +2191,12 @@ td:hover .engine-tooltip, } #send_search { border-left: none; - width: 2.2em; + border-radius: 0 10px 10px 0; } #send_search:hover { cursor: pointer; - background-color: #3498DB; - color: #ECF0F1; + background-color: var(--color-search-background-hover); + color: var(--color-search-background); } .no-js #send_search { width: auto !important; @@ -2132,9 +2295,6 @@ td:hover .engine-tooltip, position: relative; margin: 0 3px; padding: 0; - /* label:hover { - border-bottom: 2px solid @color-categories-item-border-unselected-hover; - } */ } .category input { display: none; @@ -2155,31 +2315,15 @@ td:hover .engine-tooltip, user-select: none; } .category input[type="checkbox"]:focus + label { - box-shadow: 0 0 8px #3498db; + box-shadow: 0 0 8px var(--color-categories-item-border-selected); } .category input[type="checkbox"]:checked + label { - background: #3498DB; - color: #FFF; - border-bottom: 2px solid #084999; + color: var(--color-categories-item-selected-font); + border-bottom: 2px solid var(--color-categories-item-border-selected); } #categories_container { position: relative; } -#categories_container .help { - position: absolute; - width: 100%; - bottom: -20px; - overflow: hidden; - opacity: 0; - transition: opacity 1s ease; - font-size: 0.8em; - text-align: center; - background: white; -} -#categories_container:hover .help { - opacity: 0.8; - transition: opacity 1s ease; -} .ion-icon-big { display: inline-block; line-height: 1; @@ -2203,7 +2347,8 @@ html { -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; - color: #444; + color: var(--color-base-font); + background-color: var(--color-base-background); padding: 0; margin: 0; } @@ -2235,8 +2380,8 @@ footer { padding: 1rem 0; width: 100%; text-align: center; - background-color: #f7f7f7; - border-top: 1px solid #d7d7d7; + background-color: var(--color-footer-background); + border-top: 1px solid var(--color-footer-border); overflow: hidden; } footer p { @@ -2255,28 +2400,28 @@ footer p { } input[type="submit"], #results button[type="submit"] { - padding: 0.5rem; + padding: 0.7rem; display: inline-block; - background: #3498DB; - color: #FFF; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + background: var(--color-btn-background); + color: var(--color-btn-font); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; border: 0; cursor: pointer; } a { text-decoration: none; - color: #29314d; + color: var(--color-url-font); } a:visited { - color: #684898; + color: var(--color-url-visited-font); } a:visited .highlight { - color: #684898; + color: var(--color-url-visited-font); } article[data-vim-selected] { - background: #f7f7f7; + background: var(--color-result-vim-selected); } article[data-vim-selected]::before { position: absolute; @@ -2284,17 +2429,17 @@ article[data-vim-selected]::before { padding: 2px; content: ">"; font-weight: bold; - color: #3498DB; + color: var(--color-result-vim-arrow); } article.result-images[data-vim-selected] { - background: #3498DB; + background: var(--color-result-vim-arrow); } article.result-images[data-vim-selected]::before { display: none; content: ""; } .result { - margin: 19px 0 18px 0; + margin: 2rem 0; padding: 0; } .result h3 { @@ -2305,12 +2450,12 @@ article.result-images[data-vim-selected]::before { margin-bottom: 0; } .result h3 a { - color: #084999; + color: var(--color-result-link-font); font-weight: normal; font-size: 1.1em; } .result h3 a:visited { - color: #684898; + color: var(--color-result-link-visited-font); } .result h3 a:focus, .result h3 a:hover { @@ -2337,7 +2482,7 @@ article.result-images[data-vim-selected]::before { .result .content .highlight, .result .stat .highlight, .result .altlink .highlight { - color: #000000; + color: var(--color-result-description-highlight-font); background: inherit; font-weight: bold; } @@ -2352,11 +2497,11 @@ article.result-images[data-vim-selected]::before { padding: 0; max-width: 54em; word-wrap: break-word; - color: #25a55b; + color: var(--color-result-url-font); } .result .published_date { font-size: 0.8em; - color: #888; + color: var(--color-result-publishdate-font); } .result img.thumbnail { float: left; @@ -2387,7 +2532,7 @@ article.result-images[data-vim-selected]::before { } .engines { float: right; - color: #888; + color: var(--color-result-engines-font); } .engines span { font-size: smaller; @@ -2397,9 +2542,8 @@ article.result-images[data-vim-selected]::before { font-size: 0.8em; } .highlight { - color: #094089; + color: var(--color-result-link-font-highlight); background: inherit; - font-weight: bold; } .result-images { display: inline-block; @@ -2414,11 +2558,11 @@ article.result-images[data-vim-selected]::before { padding: 0; border: none; max-height: 200px; - background: #084999; + background: var(--color-result-image-background); } .result-images span a { display: none; - color: #FFF; + color: var(--color-result-image-span-font); } .result-images:hover span a { display: block; @@ -2427,7 +2571,7 @@ article.result-images[data-vim-selected]::before { right: 0; padding: 4px; margin: 0 0 4px 4px; - background-color: rgba(0, 0, 0, 0.6); + background-color: var(--color-result-image-span-background-hover); font-size: 0.7em; } .result-map img.image { @@ -2454,23 +2598,6 @@ article.result-images[data-vim-selected]::before { .hidden { display: none !important; } -.torrent_result { - border-left: 10px solid lightgray; - padding-left: 3px; -} -.torrent_result p { - margin: 3px; - font-size: 0.8em; -} -.torrent_result a { - color: #084999; -} -.torrent_result a:hover { - text-decoration: underline; -} -.torrent_result a:visited { - color: #684898; -} #results { margin: 2rem 2rem 0 10rem; display: grid; @@ -2506,7 +2633,7 @@ article.result-images[data-vim-selected]::before { font-size: 0.9em; display: inline-block; background: transparent; - color: #444; + color: var(--color-result-search-url-font); cursor: pointer; } #suggestions input[type="submit"], @@ -2517,7 +2644,7 @@ article.result-images[data-vim-selected]::before { #answers .infobox .url a, #infoboxes .infobox .url a, #corrections .infobox .url a { - color: #084999; + color: var(--color-result-link-font); text-decoration: none; font-size: 0.9rem; } @@ -2549,13 +2676,17 @@ article.result-images[data-vim-selected]::before { #search_url .title, #apis .title { margin: 2em 0 0.5em 0; - color: #444; + color: var(--color-base-font); } #answers { grid-area: answers; - border: 1px solid #ddd; + border: 1px solid var(--color-answer-border); padding: 0.9em; - box-shadow: 0 0 5px #ccc; + margin-bottom: 2rem; + color: var(--color-answer-font); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } #answers h4 { display: none; @@ -2572,13 +2703,16 @@ article.result-images[data-vim-selected]::before { #sidebar { grid-area: sidebar; word-wrap: break-word; + color: var(--color-sidebar-font); } #sidebar .infobox { margin: 10px 0 10px; - border: 1px solid #ddd; + border: 1px solid var(--color-sidebar-border); padding: 0.9em; font-size: 0.9em; - box-shadow: 0 0 5px #ccc; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } #sidebar .infobox h2 { margin: 0 0 0.5em 0; @@ -2628,13 +2762,13 @@ article.result-images[data-vim-selected]::before { border: 0; display: block; font-size: 1.2em; - color: #222; + color: var(--color-search-font); } #linkto_preferences a:link *, #linkto_preferences a:hover *, #linkto_preferences a:visited *, #linkto_preferences a:active * { - color: #222; + color: var(--color-search-font); } #pagination { grid-area: pagination; @@ -2647,22 +2781,25 @@ article.result-images[data-vim-selected]::before { clear: both; } #backToTop { - border: 1px solid #ddd; + border: 1px solid var(--color-backtotop-border); margin: 0; padding: 0; font-size: 1em; - box-shadow: 0 0 5px #ccc; - background: white; + box-shadow: 0 0 5px var(--color-backtotop-shadow); + background: var(--color-backtotop-background); position: fixed; bottom: 8rem; left: 56.3rem; transition: opacity 0.5s; opacity: 0; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } #backToTop a { display: block; margin: 0; - padding: 0.6em; + padding: 0.7em; } @media screen and (max-width: 80em) { #main_preferences, @@ -2684,6 +2821,7 @@ article.result-images[data-vim-selected]::before { margin: 0.5em 0.5em 0.5em 0; } #sidebar { + margin-bottom: 2rem; padding: 0; float: none; border: none; @@ -2698,12 +2836,6 @@ article.result-images[data-vim-selected]::before { #search_url { display: none; } - .result { - border-bottom: 1px solid #E8E7E6; - margin: 0; - padding-top: 8px; - padding-bottom: 6px; - } .result h3 { margin: 0 0 1px 0; } @@ -2789,9 +2921,13 @@ article.result-images[data-vim-selected]::before { #sidebar { margin: 0 5px 2px 5px; } + .infobox { + box-shadow: 0 0 5px var(--color-result-shadow); + } #corrections, #answers { margin: 0 5px 1em 5px; + box-shadow: 0 0 5px var(--color-result-shadow); } #results { margin: 0; @@ -2802,11 +2938,18 @@ article.result-images[data-vim-selected]::before { } .result { padding: 8px 10px 6px 10px; + margin: 0.5rem; + border: 1px solid var(--color-result-border); + box-shadow: 0 0 5px var(--color-result-shadow); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; } .result-images { margin: 0; padding: 0; border: none; + box-shadow: none; } } @media screen and (max-width: 35em) { diff --git a/searx/static/themes/simple/css/searxng.min.css b/searx/static/themes/simple/css/searxng.min.css index 6d8c4fb03c999c584669426a6bd7d1503a5f3e65..18cec0a4ba47e2daac71a79a1edff8770d321cf9 100644 GIT binary patch delta 11039 zcmd5?TZ|i58J3-d(6mZaElD;_Hf-ah*-0|4FKc_(?&d}cWH)URl+awHgt0wdPuBK0 zGqV?EyBQYIqz@nj=K&#wR_X%?iAqERg@-n@52$J-3P_+f%>&|rC#Vz&At*?QGc)I$ z`OnN5uakg4d(rOvm-FAw|9|Ia7kZna>n5Adpo|_HBaUHC4r^HJL%xYSm^6DJ{ktLiTm$ za=Capxv9^&5f53U8iwxXp_(7f2i0JEk2y~oikelkO#i%MbhOU2D_K>5BzYbZZ4`j0 zIa{l#ritq>=Pt`slIO0d&B{>Cy9+a(nqsNbx}mA2jEk-3#`fZKjCj_otc0vP{@cKgjOnT}lG!&*zSBjCl@GBL zNc&5`2E_5W4bG-hAe25+wJf~rP1!PFxq=E{9DZnIm}!6E@r?V$?6Y*eHKSR0*VnOo z#5NoBOr8O@Wf*VDHB+UN2s#LUdPJkmAPhH97u zKAJe9ZM9rij2US$4p_nl?cq&W5D=vVz;aB1aMNzde1{${21AxYND!LrnES62|~% zBU>*N14JkSocZy528c4iSsHH?iYikH04Kwn8P#1kz~5mA83LTpvoNb)BmiwfW)1{K zO2(EsIxRPtC7vNBRWVF7FQFPEa1yU(M-FEk)PzYV*g;g4ghZ`}MNde<{^wQN9(?7Y zX2@8g!Q~-P6SfdSh3F%UGx-(01sRIO`%j>aks-*87$nbw3DG5a;koRu@Ec?Wj_KKNg%kaRmXVfsT1h`UUJVlCj2vv&IQeMI;YQQumAy!zWqMB*x zXZ|aw5`#)d8T`X~drmP%=nY?J^4F!MG#TlOz)mO;o%mRW%W}$ ze;LW2hg!&x0n@=B)>5Ub)a&m3-e`BB;$0kbRz~Gq2qQU%q{E3RxBv|)*Z8E0r7l>q zf^U5~W%mqHk>}N_cM0GjcG*zs+N@d5X3)*%COezKHu!c06rovOEyad5QfX9a)IVR* zQrb1!`Qx5S@_*JdewV97rJs~Qj z$k>z6-}ATkLDm&;xP(3!Ju5*0YDe@Q#*ixLYJLzsTX=$NS}QF9+6L!wSdN}1B*7jF z@or!T3Gb3ja=ueIk+?U%?-nQi-@HI~i#yR=Ng0Is00&ITxl>9dc0el476(`)XU+H< z$;TicJ&k%TMMCdXnrTR;YSba{c^x>h$`rt|&-giZK#?;kzB z6UH&-NC4#5WJ~^(eY@dNa3~ znMH@HbPAApE(jc9nq)H zj&Zw-$}*$KUO*Sler+{&#dBk_FE{#g;U8xnkGJmPx&6s(4!v})yp6_&L3=O4nPIm& z&+@QC-H|0{#`pC3Ki(@^4?pbjHZkeuu1*RQ=dv~;7I&PGoLAygIuWfk77c7!#s*7=R-<++DXaJKf}8hQ?(m}c=|bL=y4IeKj@Eh%Mk&$<{*mCFThVI`E+ zwhe{#@Ejjs+lq!SJ;DuS(thD>w1hsswiA6%o8;61M(;{mLVwc=D{@Ha8()104P75Z zOP4mR&fyrNZ(mvxiLv`<32mKuY8Ui`EFJl5gXCP8c_qOCU&0FK0)I6wp_9c=p~3c> z+XO4H(4*hC(_HHzdc)V+lJjWi`w3A%{Q>2FctS$2>lb$m)?+>gckZrz1L*1QPesf7 zm)KxTp;ednqy&n=ZMQcTQTFmxQJer@pw(|Z&g++F6V7JqyGhXkqzMH9``O&TdS}&n zWB!HYCTMHW1JGx$$UHcK9}5cZYtrL*kG2&9e=Y^T!L%&BU3N=K&?Lbdo%nMAo)~gl zzv90PMYoy{#U2W7TzPF+unK)+>c{vCi>0m5KT0JC2z`BVXz+fHB+grlbIJHQRJpnw zPki(00+$vy%kXWjgf34GpyT!qZfpizy@9!hn20(ylqK|nee^!@^m}%CRSEZqy9c+U zp)Y?lAjmaZw>|Nptdg=P!G#=PJk0~LMcdoZ=Qg`Ka o!L2wyr!gpkNK@o{Piw_Zkc4+#I3U2ADEngWVc-zD@Zzuj4VQS32LJ#7 delta 2539 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 S(d#|U_sWD4Jf^9mF!Wz>`i2ky delta 2378 zcmaJ@U1%It6lOL}+Gv7FcaviEL3a32a(bTf1rKw+%vP;B&K~C?#w;s zJKy=vx#!LgA4@mil`ia(+!m>-qG&EX18>x@(v&j8R%NanhOeqZ@X1KryhMQnbBS=YMxi>wXqi*N zj5L({rWpZjLZuUiibOHI6Zv|`-ZKPBkSx1 z%t{0nw6zsQXGdk;2j$W91K~R#4&R0Fi_Ma>Tc1a?m5uPQwkNyyL97?Fbv+dBhW4%n zcKN0`xNC;sV#~86i@~8Wmc*q{5RSweb_@EO61Cy%-XNTdo$eJ|W{NE-qBg!znCW)v z&^L=4Hso3-;4ifjI%36ewe@L=ilMsV)40rXdlVqvj&-4^j!@2ovu#26Exv#Tvx3%C z!Yij?z^jQpe6(!Oyo@=^Fm?iMKii#u3w?rU~ZrGza$Mp*FZbmj#Zb@h`_UjeVBo_2Hq@1 z07}A!Ck7+f!^FBExDB^r;T@FM@*smdeLLa4`Uv*qPWWuFj3{EOemCfp6i}e1BZP;B z`f>)Y_tpC@#qiotLnCn}qSG6i1Zj9Wz>T3;yDteA1e3#35jNp@MWdy!xM{fRzR5t~ zxioxPRfR(_Aq~LI{g;ZmY~3G|327CskJKL$oSdZ0l6VgL<@}J$hu*$kcx+K?lq)N$ zoaHzkdg0e}Ei^jCt+vR3HXN~{@ui6s2}rL7H5sgF!G5ywyVbDSabz*-`54>zD2q;t z&5TdMz5}!M8B1Xk1T{W~hu0gIba2ef5?nq|E6u}C2UszJG8^ut>!9=C&)B7;)P`~j z2=NW#{5?Eg1tG0;zs?`pR@MOg&ErYogoT+9b@5Apng~K#{vElBBb3g|V4RX+O5R^9 zT#W^ptzzbj>-rnZ3Y?eQz#R_3?{cOHt>9X;3dR(_zf_n}KBsm@-p%SOO@yPfQxwxv zMF>c2@ETLtGE``7@Q+$8nNY5MOTHS18`?qOY8c}BN`x>Bs_h}9g|blneGFp~uINvp zpO`QZF)p9>&diokMe^l@vnd+mI1%z^0uu76;ic^D* zR46AQ(Xh1KKaCLy!cH0Vn*+#8ME>xkDdq)U7CO9~s*m|86q2F3)1WNOZya-QJM~Ne z`tRN>nAdJ$4EWv8Hd zxDtL*9)oY}nk_#YDC=FjH-KzXqnF@TUkDG>NGVE%nc*D?KNf{+=qPzjF6uk$3+*0p j{tX21Z{@}D=nnD615z>w-;a-oms#;rLY@x1ogMxU5IvQ#