mirror of
https://github.com/searxng/searxng
synced 2024-01-01 19:24:07 +01:00
Theme updates
This commit is contained in:
kvan7
parent
281d0aac91
commit
3980589b77
8 changed files with 30 additions and 26 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 13 KiB |
|
|
@ -118,13 +118,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark-themes() {
|
.dark-themes() {
|
||||||
|
/// Theming colors
|
||||||
|
--color-primary: #8fa;
|
||||||
|
--color-primary-darker: #5f8;
|
||||||
|
--color-link-secondary: #d9b79c;
|
||||||
/// Base Colors
|
/// Base Colors
|
||||||
--color-base-font: #bbb;
|
--color-base-font: #bbb;
|
||||||
--color-base-font-rgb: 187, 187, 187;
|
--color-base-font-rgb: 187, 187, 187;
|
||||||
--color-base-background: #222428;
|
--color-base-background: #222428;
|
||||||
--color-base-background-mobile: #222428;
|
--color-base-background-mobile: #222428;
|
||||||
--color-url-font: #8af;
|
--color-url-font: var(--color-primary);
|
||||||
--color-url-visited-font: #c09cd9;
|
--color-url-visited-font: var(--color-link-secondary);
|
||||||
/// Header Colors
|
/// Header Colors
|
||||||
--color-header-background: #1e1e22;
|
--color-header-background: #1e1e22;
|
||||||
--color-header-border: #333;
|
--color-header-border: #333;
|
||||||
|
|
@ -140,16 +144,16 @@
|
||||||
--color-backtotop-border: #333;
|
--color-backtotop-border: #333;
|
||||||
--color-backtotop-background: #2b2e36;
|
--color-backtotop-background: #2b2e36;
|
||||||
/// Button Colors
|
/// Button Colors
|
||||||
--color-btn-background: #58f;
|
--color-btn-background: var(--color-primary-darker);
|
||||||
--color-btn-font: #222;
|
--color-btn-font: #222;
|
||||||
--color-show-btn-background: #555;
|
--color-show-btn-background: #555;
|
||||||
--color-show-btn-font: #fff;
|
--color-show-btn-font: #fff;
|
||||||
/// Search Input Colors
|
/// Search Input Colors
|
||||||
--color-search-border: #555;
|
--color-search-border: #555;
|
||||||
--color-search-shadow: 0 2px 8px rgb(34 38 46 / 25%);
|
--color-search-shadow: 0 2px 8px rgb(34 38 46 / 25%);
|
||||||
--color-search-background: #2b2e36;
|
--color-search-background: #00420e;
|
||||||
--color-search-font: #fff;
|
--color-search-font: #fff;
|
||||||
--color-search-background-hover: #58f;
|
--color-search-background-hover: var(--color-primary-darker);
|
||||||
/// Modal Colors
|
/// Modal Colors
|
||||||
--color-error: #f55b5b;
|
--color-error: #f55b5b;
|
||||||
--color-error-background: darken(#db3434, 40%);
|
--color-error-background: darken(#db3434, 40%);
|
||||||
|
|
@ -158,8 +162,8 @@
|
||||||
--color-success: #79f56e;
|
--color-success: #79f56e;
|
||||||
--color-success-background: darken(#42db34, 40%);
|
--color-success-background: darken(#42db34, 40%);
|
||||||
/// Categories Colors
|
/// Categories Colors
|
||||||
--color-categories-item-selected-font: #58f;
|
--color-categories-item-selected-font: var(--color-primary-darker);
|
||||||
--color-categories-item-border-selected: #58f;
|
--color-categories-item-border-selected: var(--color-primary-darker);
|
||||||
/// Autocomplete Colors
|
/// Autocomplete Colors
|
||||||
--color-autocomplete-font: #fff;
|
--color-autocomplete-font: #fff;
|
||||||
--color-autocomplete-border: #555;
|
--color-autocomplete-border: #555;
|
||||||
|
|
@ -174,11 +178,11 @@
|
||||||
--color-result-border: #333;
|
--color-result-border: #333;
|
||||||
--color-result-url-font: #fff;
|
--color-result-url-font: #fff;
|
||||||
--color-result-vim-selected: #1f1f23cc;
|
--color-result-vim-selected: #1f1f23cc;
|
||||||
--color-result-vim-arrow: #8af;
|
--color-result-vim-arrow: var(--color-primary);
|
||||||
--color-result-description-highlight-font: #fff;
|
--color-result-description-highlight-font: #fff;
|
||||||
--color-result-link-font: #8af;
|
--color-result-link-font: var(--color-primary);
|
||||||
--color-result-link-font-highlight: #8af;
|
--color-result-link-font-highlight: var(--color-primary);
|
||||||
--color-result-link-visited-font: #c09cd9;
|
--color-result-link-visited-font: var(--color-link-secondary);
|
||||||
--color-result-publishdate-font: #888;
|
--color-result-publishdate-font: #888;
|
||||||
--color-result-engines-font: #a4a4a4;
|
--color-result-engines-font: #a4a4a4;
|
||||||
--color-result-search-url-border: #555;
|
--color-result-search-url-border: #555;
|
||||||
|
|
@ -188,7 +192,7 @@
|
||||||
--color-result-detail-label-font: lightgray;
|
--color-result-detail-label-font: lightgray;
|
||||||
--color-result-detail-background: #1a1a1c;
|
--color-result-detail-background: #1a1a1c;
|
||||||
--color-result-detail-hr: #555;
|
--color-result-detail-hr: #555;
|
||||||
--color-result-detail-link: #8af;
|
--color-result-detail-link: var(--color-primary);
|
||||||
--color-result-detail-loader-border: rgba(255, 255, 255, 0.2);
|
--color-result-detail-loader-border: rgba(255, 255, 255, 0.2);
|
||||||
--color-result-detail-loader-borderleft: rgba(0, 0, 0, 0);
|
--color-result-detail-loader-borderleft: rgba(0, 0, 0, 0);
|
||||||
// Images Colors
|
// Images Colors
|
||||||
|
|
@ -214,13 +218,13 @@
|
||||||
--color-toolkit-input-text-font: #fff;
|
--color-toolkit-input-text-font: #fff;
|
||||||
--color-toolkit-checkbox-onoff-off-background: #313338;
|
--color-toolkit-checkbox-onoff-off-background: #313338;
|
||||||
--color-toolkit-checkbox-onoff-on-background: #313338;
|
--color-toolkit-checkbox-onoff-on-background: #313338;
|
||||||
--color-toolkit-checkbox-onoff-on-mark-background: #58f;
|
--color-toolkit-checkbox-onoff-on-mark-background: var(--color-primary-darker);
|
||||||
--color-toolkit-checkbox-onoff-on-mark-color: #222;
|
--color-toolkit-checkbox-onoff-on-mark-color: #222;
|
||||||
--color-toolkit-checkbox-onoff-off-mark-background: #ddd;
|
--color-toolkit-checkbox-onoff-off-mark-background: #ddd;
|
||||||
--color-toolkit-checkbox-onoff-off-mark-color: #222;
|
--color-toolkit-checkbox-onoff-off-mark-color: #222;
|
||||||
--color-toolkit-checkbox-label-background: #222;
|
--color-toolkit-checkbox-label-background: #222;
|
||||||
--color-toolkit-checkbox-label-border: #333;
|
--color-toolkit-checkbox-label-border: #333;
|
||||||
--color-toolkit-checkbox-input-border: #58f;
|
--color-toolkit-checkbox-input-border: var(--color-primary-darker);
|
||||||
--color-toolkit-engine-tooltip-border: #333;
|
--color-toolkit-engine-tooltip-border: #333;
|
||||||
--color-toolkit-engine-tooltip-background: #222;
|
--color-toolkit-engine-tooltip-background: #222;
|
||||||
--color-toolkit-loader-border: rgba(255, 255, 255, 0.2);
|
--color-toolkit-loader-border: rgba(255, 255, 255, 0.2);
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html
|
<html
|
||||||
class="no-js theme-{{ preferences.get_value('kvanDark_style') or 'dark' }} center-aligment-{{ preferences.get_value('center_alignment') and 'yes' or 'no' }}"
|
class="no-js theme-{{ preferences.get_value('simple_style') or 'dark' }} center-aligment-{{ preferences.get_value('center_alignment') and 'yes' or 'no' }}"
|
||||||
lang="{{ locale_rfc5646 }}" {% if rtl %} dir="rtl" {% endif %}>
|
lang="{{ locale_rfc5646 }}" {% if rtl %} dir="rtl" {% endif %}>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
|
@ -76,8 +76,8 @@
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<p>
|
<p>
|
||||||
{{ _('Powered by') }} <a href="{{ url_for('info', pagename='about') }}">searxng</a> - {{ searx_version }} —
|
{{ _('Powered by') }} <a href="{{ url_for('info', pagename='about') }}">searxng</a> - {{ searx_version }}
|
||||||
{{ _('a privacy-respecting, open metasearch engine') }}<br />
|
<br />
|
||||||
<a href="{{ searx_git_url }}">{{ _('Source code') }}</a>
|
<a href="{{ searx_git_url }}">{{ _('Source code') }}</a>
|
||||||
| <a href="{{ get_setting('brand.issue_url') }}">{{ _('Issue tracker') }}</a>
|
| <a href="{{ get_setting('brand.issue_url') }}">{{ _('Issue tracker') }}</a>
|
||||||
{% if enable_metrics %}| <a href="{{ url_for('stats') }}">{{ _('Engine stats') }}</a>{% endif %}
|
{% if enable_metrics %}| <a href="{{ url_for('stats') }}">{{ _('Engine stats') }}</a>{% endif %}
|
||||||
|
|
|
||||||
|
|
@ -14,12 +14,12 @@
|
||||||
</div>{{- '' -}}
|
</div>{{- '' -}}
|
||||||
</fieldset>{{- '' -}}
|
</fieldset>{{- '' -}}
|
||||||
|
|
||||||
<!-- <fieldset>{{- '' -}}
|
<fieldset>{{- '' -}}
|
||||||
<legend id="pref_kvanDark_style">{{- _('Theme style') -}}</legend>{{- '' -}}
|
<legend id="pref_simple_style">{{- _('Theme style') -}}</legend>{{- '' -}}
|
||||||
<div class="value">{{- '' -}}
|
<div class="value">{{- '' -}}
|
||||||
<select name="kvanDark_style" aria-labelledby="pref_kvanDark_style">
|
<select name="simple_style" aria-labelledby="pref_simple_style">
|
||||||
{%- for name in ['auto', 'light', 'dark'] -%}
|
{%- for name in ['auto', 'light', 'dark'] -%}
|
||||||
<option value="{{ name }}" {%- if name==preferences.get_value('kvanDark_style') %} selected="selected" {%-
|
<option value="{{ name }}" {%- if name==preferences.get_value('simple_style') %} selected="selected" {%-
|
||||||
endif -%}>
|
endif -%}>
|
||||||
{{- _(name) -}}
|
{{- _(name) -}}
|
||||||
</option>
|
</option>
|
||||||
|
|
@ -29,6 +29,6 @@
|
||||||
<div class="description">
|
<div class="description">
|
||||||
{{- _('Choose auto to follow your browser settings') -}}
|
{{- _('Choose auto to follow your browser settings') -}}
|
||||||
</div>{{- '' -}}
|
</div>{{- '' -}}
|
||||||
</fieldset>{{- '' -}} -->
|
</fieldset>{{- '' -}}
|
||||||
|
|
||||||
{%- include 'kvanDark/preferences/center_alignment.html' -%}
|
{%- include 'kvanDark/preferences/center_alignment.html' -%}
|
||||||
Loading…
Add table
Reference in a new issue