From 223114c575bb58f0e8459b2ba9023628a60f38a7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?No=C3=A9mi=20V=C3=A1nyi?= Date: Sun, 28 Jun 2020 22:43:37 +0200 Subject: [PATCH] [fix] refine contrast ratios of texts and borders - #350 --- .../themes/oscar/css/logicodev-dark.css | 25 +++++++++++++----- .../themes/oscar/css/logicodev-dark.min.css | Bin 13980 -> 14111 bytes searx/static/themes/oscar/css/logicodev.css | 25 +++++++++++++----- .../static/themes/oscar/css/logicodev.min.css | Bin 10540 -> 10671 bytes .../themes/oscar/less/logicodev/infobox.less | 2 +- .../themes/oscar/less/logicodev/results.less | 2 +- .../themes/oscar/less/logicodev/search.less | 17 +++++++++--- .../oscar/less/logicodev/variables.less | 9 ++++--- searx/templates/oscar/preferences.html | 16 +++++------ 9 files changed, 65 insertions(+), 31 deletions(-) diff --git a/searx/static/themes/oscar/css/logicodev-dark.css b/searx/static/themes/oscar/css/logicodev-dark.css index dadf6f140..c104dc061 100644 --- a/searx/static/themes/oscar/css/logicodev-dark.css +++ b/searx/static/themes/oscar/css/logicodev-dark.css @@ -176,7 +176,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not float: right; } .external-link { - color: #069025; + color: #068922; font-size: 12px; margin-bottom: 15px; } @@ -266,7 +266,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not padding-bottom: 60px; } .label-default { - color: #a4a4a4; + color: #666666; background: transparent; } .result .text-muted small { @@ -300,7 +300,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not font-style: italic; } .infobox .btn { - background-color: #2ecc71; + background-color: #007ab8; border: none; } .infobox .btn a { @@ -364,13 +364,13 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not #q { box-shadow: none; border-right: none; - border-color: #a4a4a4; + border-color: #888888; } #search_form .input-group-btn .btn { - border-color: #a4a4a4; + border-color: #888888; } #search_form .input-group-btn .btn:hover { - background-color: #2ecc71; + background-color: #068922; color: white; } .custom-select { @@ -380,7 +380,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not font-size: 1.2rem; font-weight: normal; background-color: white; - border: #dddddd 1px solid; + border: #888888 1px solid; color: #666666; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJN AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ @@ -405,6 +405,17 @@ Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb white-space: nowrap; /* added line */ } +.label-danger, +.btn-danger { + background: #c9432f; +} +.label-success, +.btn-success { + background: #068922; +} +select.form-control { + border-color: #888888 !important; +} #advanced-search-container { display: none; text-align: left; diff --git a/searx/static/themes/oscar/css/logicodev-dark.min.css b/searx/static/themes/oscar/css/logicodev-dark.min.css index ccafea854d85969c4857300b3ee93f016c1abf36..27a41cc84e0ab35a09a155b3dfc24438b9f4e09f 100644 GIT binary patch delta 226 zcmbP}J3ntj9Vd&0rIFF*CeCCQW-~Lh&98Y=nb-^r%oCF=Hirr1urOO#SWFUCp8Q&b zAHuX@GcW^bnd~Gw9VD{(j;H~1y;7nLODl}t{Ql-{f+StbhrDK$%d delta 92 zcmbQAHz#*P9Vd&WfsyIvCeCCQwnP&U-28$!m5I$LH96VbaC5Lg4orOVcM;{uPeu5l d%79!OsH(}9qSGg*3-N8fC#uT4xnFXEEC6T89p3-| diff --git a/searx/static/themes/oscar/css/logicodev.css b/searx/static/themes/oscar/css/logicodev.css index f082f273b..94b162857 100644 --- a/searx/static/themes/oscar/css/logicodev.css +++ b/searx/static/themes/oscar/css/logicodev.css @@ -149,7 +149,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not float: right; } .external-link { - color: #069025; + color: #068922; font-size: 12px; margin-bottom: 15px; } @@ -239,7 +239,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not padding-bottom: 60px; } .label-default { - color: #a4a4a4; + color: #666666; background: transparent; } .result .text-muted small { @@ -273,7 +273,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not font-style: italic; } .infobox .btn { - background-color: #2ecc71; + background-color: #007ab8; border: none; } .infobox .btn a { @@ -337,13 +337,13 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not #q { box-shadow: none; border-right: none; - border-color: #a4a4a4; + border-color: #888888; } #search_form .input-group-btn .btn { - border-color: #a4a4a4; + border-color: #888888; } #search_form .input-group-btn .btn:hover { - background-color: #2ecc71; + background-color: #068922; color: white; } .custom-select { @@ -353,7 +353,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not font-size: 1.2rem; font-weight: normal; background-color: white; - border: #dddddd 1px solid; + border: #888888 1px solid; color: #666666; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJN AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ @@ -378,6 +378,17 @@ Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb white-space: nowrap; /* added line */ } +.label-danger, +.btn-danger { + background: #c9432f; +} +.label-success, +.btn-success { + background: #068922; +} +select.form-control { + border-color: #888888 !important; +} #advanced-search-container { display: none; text-align: left; diff --git a/searx/static/themes/oscar/css/logicodev.min.css b/searx/static/themes/oscar/css/logicodev.min.css index 37549eaa6a490a04be45f0db8a5653e9edd7f522..586bda7fbd1d1005dc03497f29b1cd7dcad1b435 100644 GIT binary patch delta 233 zcmZ1zv_5#lYc3WGOCzJr@41p$n9a=0Hb?NMGO-yLm?tJ#Y(6ZQ!@_J~VKF&ZOnGvI z7(bM4!)9Ox(lmL!*mRK4W>0Yg=6b!H#H7?5-IT<<^wc69y`+*nD7!i-F*!TED8Do> z#Y#EZ(!|&(trn`dxHLIAwYV6f8p=UY4zZ}VI5j6VxkN85zbIEXIX|zYC_kq - - - - + {{ _('Name') }} + {{ _('Keywords') }} + {{ _('Description') }} + {{ _('Examples') }} {% for answerer in answerers %} - - - - + + + + {% endfor %}
{{ _('Name') }}{{ _('Keywords') }}{{ _('Description') }}{{ _('Examples') }}
{{ answerer.info.name }}{{ answerer.keywords|join(', ') }}{{ answerer.info.description }}{{ answerer.info.examples|join(', ') }}{{ answerer.info.name }}{{ answerer.keywords|join(', ') }}{{ answerer.info.description }}{{ answerer.info.examples|join(', ') }}