devol
/
searx
mirror of https://github.com/searx/searx
1
0
Fork 0
Code Issues Releases Wiki Activity

[fix] refine contrast ratios of texts and borders - #350

This commit is contained in:
Noémi Ványi 2020-06-28 22:43:37 +02:00 committed by Adam Tauber
parent 6163bd671b
commit 223114c575
9 changed files with 67 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
searx/static/themes/oscar/css/logicodev-dark.css
View File

@ -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;

2
searx/static/themes/oscar/css/logicodev-dark.min.css vendored
View File

File diff suppressed because one or more lines are too long

25
searx/static/themes/oscar/css/logicodev.css
View File

@ -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;

2
searx/static/themes/oscar/css/logicodev.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/oscar/less/logicodev/infobox.less
View File

@ -15,7 +15,7 @@
}
.btn{
background-color: @green;
background-color: @dark-blue;
border: none;
a{

2
searx/static/themes/oscar/less/logicodev/results.less
View File

@ -164,7 +164,7 @@
}
.label-default {
color: @gray;
color: @dark-gray;
background: transparent;
}

17
searx/static/themes/oscar/less/logicodev/search.less
View File

@ -44,15 +44,15 @@
#q{
box-shadow: none;
border-right: none;
border-color: @gray;
border-color: @semidark-gray;
}
#search_form .input-group-btn .btn{
border-color: @gray;
border-color: @semidark-gray;
}
#search_form .input-group-btn .btn:hover{
background-color: @green;
background-color: @dark-green;
color: white;
}
@ -63,7 +63,7 @@
font-size: 1.2rem;
font-weight:normal;
background-color: white;
border: @mild-gray 1px solid;
border: @semidark-gray 1px solid;
color: @dark-gray;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZ
@ -88,3 +88,12 @@ Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap; /* added line */
}
.label-danger, .btn-danger {
background: @dark-red;
}
.label-success, .btn-success {
background: @dark-green;
}
select.form-control {
border-color: @semidark-gray !important;
}

9
searx/static/themes/oscar/less/logicodev/variables.less
View File

@ -2,12 +2,15 @@
@gray: #A4A4A4;
@dim-gray: #F6F9FA;
@dark-gray: #666;
@semidark-gray: #888;
@middle-gray: #F5F5F5;
@mild-gray: #DDD;
@blue: #0088CC;
@dark-blue: #007AB8;
@blue: #0088CC;
@red: #F35E77;
@violet: #684898;
@dark-green: #069025;
@dark-green: #068922;
@green: #2ecc71;
@light-green: #01D7D4;
@light-green: #01D7D4;
@orange: #FFA92F;
@dark-red: #c9432f;

16
searx/templates/oscar/preferences.html
View File

@ -264,18 +264,18 @@
</p>
<table class="table table-striped">
<tr>
<th class="text-muted{% if rtl %} text-right{% endif %}">{{ _('Name') }}</th>
<th class="text-muted{% if rtl %} text-right{% endif %}">{{ _('Keywords') }}</th>
<th class="text-muted{% if rtl %} text-right{% endif %}">{{ _('Description') }}</th>
<th class="text-muted{% if rtl %} text-right{% endif %}">{{ _('Examples') }}</th>
<th{% if rtl %} class="text-right"{% endif %}>{{ _('Name') }}</th>
<th{% if rtl %} class="text-right"{% endif %}>{{ _('Keywords') }}</th>
<th{% if rtl %} class="text-right"{% endif %}>{{ _('Description') }}</th>
<th{% if rtl %} class="text-right"{% endif %}>{{ _('Examples') }}</th>
</tr>
{% for answerer in answerers %}
<tr>
<td class="text-muted">{{ answerer.info.name }}</td>
<td class="text-muted">{{ answerer.keywords|join(', ') }}</td>
<td class="text-muted">{{ answerer.info.description }}</td>
<td class="text-muted">{{ answerer.info.examples|join(', ') }}</td>
<td>{{ answerer.info.name }}</td>
<td>{{ answerer.keywords|join(', ') }}</td>
<td>{{ answerer.info.description }}</td>
<td>{{ answerer.info.examples|join(', ') }}</td>
</tr>
{% endfor %}
</table>