Theme updates

This commit is contained in:
kvan7 2023-10-31 15:29:31 +00:00
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

View file

@ -118,13 +118,17 @@
}
.dark-themes() {
/// Theming colors
--color-primary: #8fa;
--color-primary-darker: #5f8;
--color-link-secondary: #d9b79c;
/// Base Colors
--color-base-font: #bbb;
--color-base-font-rgb: 187, 187, 187;
--color-base-background: #222428;
--color-base-background-mobile: #222428;
--color-url-font: #8af;
--color-url-visited-font: #c09cd9;
--color-url-font: var(--color-primary);
--color-url-visited-font: var(--color-link-secondary);
/// Header Colors
--color-header-background: #1e1e22;
--color-header-border: #333;
@ -140,16 +144,16 @@
--color-backtotop-border: #333;
--color-backtotop-background: #2b2e36;
/// Button Colors
--color-btn-background: #58f;
--color-btn-background: var(--color-primary-darker);
--color-btn-font: #222;
--color-show-btn-background: #555;
--color-show-btn-font: #fff;
/// Search Input Colors
--color-search-border: #555;
--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-background-hover: #58f;
--color-search-background-hover: var(--color-primary-darker);
/// Modal Colors
--color-error: #f55b5b;
--color-error-background: darken(#db3434, 40%);
@ -158,8 +162,8 @@
--color-success: #79f56e;
--color-success-background: darken(#42db34, 40%);
/// Categories Colors
--color-categories-item-selected-font: #58f;
--color-categories-item-border-selected: #58f;
--color-categories-item-selected-font: var(--color-primary-darker);
--color-categories-item-border-selected: var(--color-primary-darker);
/// Autocomplete Colors
--color-autocomplete-font: #fff;
--color-autocomplete-border: #555;
@ -174,11 +178,11 @@
--color-result-border: #333;
--color-result-url-font: #fff;
--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-link-font: #8af;
--color-result-link-font-highlight: #8af;
--color-result-link-visited-font: #c09cd9;
--color-result-link-font: var(--color-primary);
--color-result-link-font-highlight: var(--color-primary);
--color-result-link-visited-font: var(--color-link-secondary);
--color-result-publishdate-font: #888;
--color-result-engines-font: #a4a4a4;
--color-result-search-url-border: #555;
@ -188,7 +192,7 @@
--color-result-detail-label-font: lightgray;
--color-result-detail-background: #1a1a1c;
--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-borderleft: rgba(0, 0, 0, 0);
// Images Colors
@ -214,13 +218,13 @@
--color-toolkit-input-text-font: #fff;
--color-toolkit-checkbox-onoff-off-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-off-mark-background: #ddd;
--color-toolkit-checkbox-onoff-off-mark-color: #222;
--color-toolkit-checkbox-label-background: #222;
--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-background: #222;
--color-toolkit-loader-border: rgba(255, 255, 255, 0.2);

View file

@ -1,6 +1,6 @@
<!DOCTYPE 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 %}>
<head>
@ -76,8 +76,8 @@
</main>
<footer>
<p>
{{ _('Powered by') }} <a href="{{ url_for('info', pagename='about') }}">searxng</a> - {{ searx_version }}
{{ _('a privacy-respecting, open metasearch engine') }}<br />
{{ _('Powered by') }} <a href="{{ url_for('info', pagename='about') }}">searxng</a> - {{ searx_version }}
<br />
<a href="{{ searx_git_url }}">{{ _('Source code') }}</a>
| <a href="{{ get_setting('brand.issue_url') }}">{{ _('Issue tracker') }}</a>
{% if enable_metrics %}| <a href="{{ url_for('stats') }}">{{ _('Engine stats') }}</a>{% endif %}

View file

@ -14,12 +14,12 @@
</div>{{- '' -}}
</fieldset>{{- '' -}}
<!-- <fieldset>{{- '' -}}
<legend id="pref_kvanDark_style">{{- _('Theme style') -}}</legend>{{- '' -}}
<fieldset>{{- '' -}}
<legend id="pref_simple_style">{{- _('Theme style') -}}</legend>{{- '' -}}
<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'] -%}
<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 -%}>
{{- _(name) -}}
</option>
@ -29,6 +29,6 @@
<div class="description">
{{- _('Choose auto to follow your browser settings') -}}
</div>{{- '' -}}
</fieldset>{{- '' -}} -->
</fieldset>{{- '' -}}
{%- include 'kvanDark/preferences/center_alignment.html' -%}