Beanz/searxng
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Theme updates

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
searx/static/themes/kvanDark/css/searxng-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/kvanDark/css/searxng-rtl.min.css.map
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/kvanDark/css/searxng.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
searx/static/themes/kvanDark/css/searxng.min.css.map
View File

File diff suppressed because one or more lines are too long

BIN
searx/static/themes/kvanDark/img/searxng.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 13 KiB

32
searx/static/themes/kvanDark/src/less/definitions.less
View File

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

6
searx/templates/kvanDark/base.html
View File

@ -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 %}

10
searx/templates/kvanDark/preferences/theme.html
View File

@ -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' -%}