alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

✨ feat: allow setting the default theme

Browse Source 
Used as fallback when JS is disabled and `theme_switcher` is enabled.

If `default_theme` is unset, it defaults to "light".

Used as single theme when `theme_switcher` is disabled.
This commit is contained in:
welpo 2023-08-08 00:47:24 +02:00
parent ab879e3727
commit c78c7f5bd1
No known key found for this signature in database
GPG Key ID: A2F978CF4EC1F5A6
3 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
config.toml
View File

@ -133,10 +133,17 @@ language_name.ca = "Català"
language_name.en = "English"
language_name.es = "Español"
# Enable JavaScript theme toggler for dark/light mode (and automatic switching).
# The default setting is the light theme.
# Enable JavaScript theme toggler to allow users to switch between dark/light mode.
# Also enables automatic switching based on user's OS-level theme settings.
# If disabled, your site will only use the theme specified in the `default_theme` variable.
theme_switcher = true
# This setting determines the default theme ("light" or "dark").
# If you wish to use only a dark or light theme, disable the `theme_switcher` above and set this variable.
# If `theme_switcher` is enabled, this will be the theme that is visible to users who have JavaScript disabled.
# Defaults to "light", if unset.
default_theme = "light"
# Add a "copy" button to codeblocks (loads ~700 bytes of JavaScript).
copy_button = true

5
templates/base.html
View File

@ -9,7 +9,10 @@
{% import "macros/add_comments.html" as macros_add_comments %}
<!DOCTYPE html>
<html lang="{{ lang }}">
<html lang="{{ lang }}" {% if config.extra.default_theme -%}
data-theme="{{config.extra.default_theme}}"
{%- endif -%}>
{% include "partials/header.html" %}
<body>

11
theme.toml
View File

@ -26,10 +26,17 @@ language_name.ca = "Català"
language_name.en = "English"
language_name.es = "Español"
# Enable JavaScript theme toggler for dark/light mode (and automatic switching).
# The default setting is the light theme.
# Enable JavaScript theme toggler to allow users to switch between dark/light mode.
# Also enables automatic switching based on user's OS-level theme settings.
# If disabled, your site will only use the theme specified in the `default_theme` variable.
theme_switcher = true
# This setting determines the default theme ("light" or "dark").
# If you wish to use only a dark or light theme, disable the `theme_switcher` above and set this variable.
# If `theme_switcher` is enabled, this will be the theme that is visible to users who have JavaScript disabled.
# Defaults to "light", if unset.
default_theme = "light"
# Add a "copy" button to codeblocks (loads ~700 bytes of JavaScript).
copy_button = true