deepStateMirrors/tabi
1
0
Fork 1
mirror of https://github.com/welpo/tabi.git synced 2025-12-14 19:58:44 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

✨ feat: make JS light/dark toggle optional

Browse source
This commit is contained in:
welpo 2023-04-15 00:42:27 +02:00
parent d98c0d0bb8
commit 1803987555
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
2 changed files with 7 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
config.toml
View file

@ -16,6 +16,11 @@ highlight_code = true
highlight_theme = "css" highlight_theme = "css"
[extra] [extra]
# Enable JavaScript theme toggler for dark/light mode (and automatic switching).
# The default setting is the light theme.
theme_switcher = true
# Date format used when listing posts (main page, /blog section, tag posts list…) # Date format used when listing posts (main page, /blog section, tag posts list…)
# Default is "6th July 2049". # Default is "6th July 2049".
long_date_format = "%d %B %Y" long_date_format = "%d %B %Y"

2
templates/partials/nav.html
View file

@ -12,12 +12,14 @@
}}</a> }}</a>
{% endfor %} {% endfor %}
</div> </div>
{%- if config.extra.theme_switcher == true -%}
<label class="theme-switcher" for="themeswitch"> <label class="theme-switcher" for="themeswitch">
<input type="checkbox" id="themeswitch"> <input type="checkbox" id="themeswitch">
<div class="switch"> <div class="switch">
<img alt="set dark theme" class="moon" src="{{ config.base_url }}/menu_icon/moon.svg"> <img alt="set dark theme" class="moon" src="{{ config.base_url }}/menu_icon/moon.svg">
<img alt="set light theme" class="sun" src="{{ config.base_url }}/menu_icon/sun.svg"> <img alt="set light theme" class="sun" src="{{ config.base_url }}/menu_icon/sun.svg">
</div> </div>
{%- endif -%}
</label> </label>
</div> </div>
{% endif %} {% endif %}