ui: dark mode

Co-authored by: NetherDevil@outlook.com
This commit is contained in:
undefined committed 2022-03-16 19:17:35 +08:00
1 parent c28f2b3437
commit e427b9196c
8 files changed
+366 -10

No files matched your search

@@ -5,7 +5,7 @@
{% import "components/noscript_note.html" as noscript_note with context %}
{% import "components/user.html" as user with context %}
<!DOCTYPE html>
<html data-page="{{ page_name }}" data-layout="{{ layout_name }}" class="layout--{{ layout_name }} page--{{ page_name }} nojs" lang="{{ handler.viewLang }}" data-app="Hydro">
<html data-page="{{ page_name }}" data-layout="{{ layout_name }}" class="layout--{{ layout_name }} page--{{ page_name }} theme--{{ (handler.user|default({})).theme|default('default') }} nojs" lang="{{ handler.viewLang }}" data-app="Hydro">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
@@ -35,7 +35,7 @@
{% if process.env.DEV %}
<link rel="stylesheet" media="all" href="/default.theme.css">
{% else %}
<link rel="stylesheet" media="all" href="{{ static_url((handler.user|default({})).theme|default('default') + '-' + global.Hydro.version['ui-default'] +'.theme.css') }}">
<link rel="stylesheet" media="all" href="{{ static_url('default-' + global.Hydro.version['ui-default'] +'.theme.css') }}">
{% endif %}
{% if not isIE(handler.request.headers['user-agent']) %}
<script>
@@ -71,7 +71,7 @@
<script type="module" src="http://localhost:3000/@vite/client"></script>
<script type="module" src="http://localhost:3000/entry.js"></script>
{% else %}
<script src="{{ static_url((handler.user|default({})).theme|default('default') + '.theme.js') }}?version={{ global.Hydro.version['ui-default'] }}"></script>
<script src="{{ static_url('default.theme.js') }}?version={{ global.Hydro.version['ui-default'] }}"></script>
{% if process.env.DEV %}
<script type="text/javascript" src="/hydro.js"></script>
{% else %}
@@ -61,9 +61,8 @@
<li class="footer__extra-link-item" data-dropdown-target="#menu-footer-theme">
<span><span class="icon icon-global"></span> Theme <span class="icon icon-expand_less"></span></span>
<ol class="dropdown-target menu" id="menu-footer-theme">
{%- for k in UiContext.themes -%}
<li class="menu__item"><a class="menu__link" href="{{ url('set_theme', id=k) }}">{{ k }}</a></li>
{%- endfor -%}
<li class="menu__item"><a class="menu__link" href="{{ url('set_theme', id='light') }}">Light</a></li>
<li class="menu__item"><a class="menu__link" href="{{ url('set_theme', id='dark') }}">Dark</a></li>
</ol>
</li>
</ol>