separate light and dark theme

This commit is contained in:
nieve 2025-02-11 21:55:01 -05:00
parent d7ec07cd0d
commit 80e0d539fa
11 changed files with 66 additions and 84 deletions

View file

@ -34,7 +34,8 @@
<body class="
{% if prefs.layout != "" %}{{ prefs.layout }}{% endif %}
{% if prefs.wide == "on" %} wide{% endif %}
{% if prefs.theme != "system" %} {{ prefs.theme }}{% endif %}
{{ prefs.theme_light }}_light
{{ prefs.theme_dark }}_dark
{% if prefs.fixed_navbar == "on" %} fixed_navbar{% endif %}">
<!-- NAVIGATION BAR -->
<nav class="

View file

@ -18,9 +18,15 @@
<fieldset>
<legend>Appearance</legend>
<div class="prefs-group">
<label for="theme">Theme:</label>
<select name="theme" id="theme">
{% call utils::options(prefs.theme, prefs.available_themes, "system") %}
<label for="theme_light">Light Theme:</label>
<select name="theme_light" id="theme_light">
{% call utils::options(prefs.theme_light, prefs.available_themes, "light") %}
</select>
</div>
<div class="prefs-group">
<label for="theme_dark">Dark Theme:</label>
<select name="theme_dark" id="theme_dark">
{% call utils::options(prefs.theme_dark, prefs.available_themes, "dark") %}
</select>
</div>
</fieldset>