Update favicon, instance name, and theme settings

- Change instance name to "Gitee" in settings
- Enable image proxy by default
- Add dark mode favicon and update favicon SVG files
- Implement dark mode color fix mixin in SCSS
- Update base template to support dark mode favicon
- Add query title option in results template
This commit is contained in:
Gnkalk 2025-02-17 19:46:28 +03:30
parent 3e09ed6728
commit 841512a535
8 changed files with 99 additions and 9 deletions

View file

@ -2,7 +2,7 @@ general:
# Debug mode, only for development. Is overwritten by ${SEARXNG_DEBUG}
debug: false
# displayed name
instance_name: "SearXNG"
instance_name: "Gitee"
# For example: https://example.com/privacy
privacypolicy_url: false
# use true to use your own donation page written in searx/info/en/donate.md
@ -97,7 +97,7 @@ server:
secret_key: "ultrasecretkey" # Is overwritten by ${SEARXNG_SECRET}
# Proxy image results through SearXNG. Is overwritten by ${SEARXNG_IMAGE_PROXY}
image_proxy: false
image_proxy: true
# 1.0 and 1.1 are supported
http_protocol_version: "1.0"
# POST queries are more secure as they don't show up in history but may cause

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 26 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 726 B

After

Width:  |  Height:  |  Size: 26 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 30 KiB

View file

@ -108,4 +108,12 @@ $dir: ltr !default;
@else {
direction: rtl;
}
}
// Fix Color in Dark Mode
@mixin fix-color() {
@media (prefers-color-scheme: dark) {
mix-blend-mode: luminosity;
filter: invert(1);
}
}

View file

@ -172,6 +172,8 @@ main:has(.not-found) {
font-size: 2rem;
display: block;
text-align: center;
// TODO: when dark mode colors added
// @include mixin.fix-color();
img {
max-width: clamp(70px, 25vw, 150px);
@ -616,6 +618,8 @@ footer {
align-items: center;
justify-content: center;
width: 100px;
// TODO: when dark mode colors added
// @include mixin.fix-color();
img {
width: 100%;

View file

@ -46,15 +46,42 @@
href="{{ opensearch_url }}"
/>
{% endblock %}
<link rel="icon" href="/favicon.ico" sizes="any" />
{#
<link
rel="icon"
href="{{ url_for('static', filename='img/favicon.svg') }}"
sizes="any"
/>
<link
rel="icon"
href="{{ url_for('static', filename='img/favicon.svg') }}"
type="image/svg+xml"
/>
#}
<link rel="apple-touch-icon" href="/favicon.ico" />
<link
rel="apple-touch-icon"
href="{{ url_for('static', filename='img/favicon.svg') }}"
/>
<link
rel="icon"
href="{{ url_for('static', filename='img/favicon-dark.svg') }}"
sizes="any"
media="(prefers-color-scheme: dark)"
/>
<link
rel="icon"
href="{{ url_for('static', filename='img/favicon-dark.svg') }}"
type="image/svg+xml"
media="(prefers-color-scheme: dark)"
/>
<link
rel="apple-touch-icon"
href="{{ url_for('static', filename='img/favicon-dark.svg') }}"
media="(prefers-color-scheme: dark)"
/>
</head>
<body dir="auto">
<div id="{{ endpoint }}" class="body-container">

View file

@ -1,5 +1,6 @@
{% from 'smart/icons.html' import icon_small %} {% extends "smart/base.html" %}
{% block body %} {% include 'smart/madules/search_header.html' %}
{% block title %}{% if query_in_title %} - {{ q|e }}{% endif %}{% endblock %} {%
block body %} {% include 'smart/madules/search_header.html' %}
<div class="links">
<a href="" class="link">{{icon_small('donate')}}</a>
{% include 'smart/madules/sidebar_btn.html' %}