1
0
mirror of https://github.com/searxng/searxng.git synced 2024-11-15 01:00:12 +01:00

[refactor] simple theme: *.less - replace hardcoded colors

Closes: https://github.com/searxng/searxng/issues/3842
This commit is contained in:
Bnyro 2024-10-02 16:34:49 +02:00 committed by Markus Heiser
parent b42ce34ca8
commit 421c131707
8 changed files with 19 additions and 23 deletions

View File

@ -56,7 +56,6 @@
z-index: 100;
margin-top: 3.5rem;
border-radius: 0.8rem;
box-shadow: 0 2px 8px rgb(34 38 46 / 25%);
&:empty {
display: none;

View File

@ -29,7 +29,7 @@
}
span.linenos {
color: #64708d;
color: var(--color-line-number);
}
}
}

View File

@ -115,6 +115,14 @@
--color-toolkit-loader-borderleft: rgba(255, 255, 255, 0);
--color-doc-code: #003;
--color-doc-code-background: #ddeaff;
/// Other misc colors
--color-bar-chart-primary: #5bc0de;
--color-bar-chart-secondary: #deb15b;
--color-image-resolution-background: rgba(0, 0, 0, 50%);
--color-image-resolution-font: #fff;
--color-loading-indicator: rgba(255, 255, 255, 0.2);
--color-loading-indicator-gap: #fff;
--color-line-number: #64708d;
}
.dark-themes() {

View File

@ -2,18 +2,7 @@
.stats_endpoint {
.github-issue-button {
display: block;
padding: 8px 16px;
font-family: sans-serif;
font-size: 16px;
color: white;
background-color: #238636;
border: #2ea043;
border-radius: 10px !important;
box-shadow: rgba(0, 0, 0, 0) 0 0 0 0;
}
.github-issue-button:hover {
background-color: #2ea043;
}
.issue-hide {

View File

@ -75,18 +75,18 @@ failed-test {
}
.bar-chart-bar {
border: 3px solid #5bc0de;
border: 3px solid var(--color-bar-chart-primary);
margin: 1px 0;
}
.bar-chart-serie1 {
border: 3px solid #5bc0de;
border: 3px solid var(--color-bar-chart-primary);
margin: 1px 0;
float: left;
}
.bar-chart-serie2 {
border: 3px solid #deb15b;
border: 3px solid var(--color-bar-chart-secondary);
margin: 1px 0;
float: left;
}

View File

@ -469,10 +469,10 @@ article[data-vim-selected].category-social {
position: absolute;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 50%);
background: var(--color-image-resolution-background);
padding: 0.3rem 0.5rem;
font-size: 0.9rem;
color: #fff;
color: var(--color-image-resolution-font);
border-top-left-radius: 0.3rem;
}

View File

@ -10,10 +10,10 @@
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #fff;
border-top: 1.1em solid var(--color-loading-indicator);
border-right: 1.1em solid var(--color-loading-indicator);
border-bottom: 1.1em solid var(--color-loading-indicator);
border-left: 1.1em solid var(--color-loading-indicator-gap);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);

View File

@ -69,7 +69,7 @@ or manually by executing the searx/webapp.py file? -->
<label class="step1 step1_delay" for="step2" >{{ _('I confirm there is no existing bug about the issue I encounter') }}</label>
<div class="step2 step_content">
<p>{{ _('If this is a public instance, please specify the URL in the bug report') }}</p>
<button type="submit" class="github-issue-button" title="{{ get_setting('brand.new_issue_url') }}">{{ _('Submit a new issue on Github including the above information') }}</button>
<button type="submit" class="github-issue-button button" title="{{ get_setting('brand.new_issue_url') }}">{{ _('Submit a new issue on Github including the above information') }}</button>
</div>
</form>
{% endmacro %}