fix: allow setting default theme(color mode) in no-script browsers cl…

…oses #50 (PR #85) Co-authored-by: Vladyslav Shurbin <2917600-kusyka911@users.noreply.gitlab.com>
hugo-sid · Jul 26, 2023 · 970bdd9 · 970bdd9
1 parent 79a3101
commit 970bdd9
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/layouts/index.html b/layouts/index.html
@@ -1,8 +1,18 @@
 <!DOCTYPE html>
+{{- $defaultColor := .Site.Params.defaultColor | default "auto" -}}
+
+{{/* allow website developer to enforce default dark mode */}}
+{{- if eq $defaultColor "dark" -}}
+<html lang="{{ .Site.LanguageCode }}" class="dark">
+{{- else if eq $defaultColor "light" -}}
+<html lang="{{ .Site.LanguageCode }}" class="light">
+{{- else -}}
 <html lang="{{ .Site.LanguageCode }}">
+{{- end -}}
+
 {{- partial "head.html" . -}}
 
-<body data-theme="{{ .Site.Params.defaultColor | default "auto" }}" class="notransition">
+<body data-theme="{{ $defaultColor }}" class="notransition">
     {{- partial "scriptsBodyStart.html" . -}}
     {{- partial "header.html" . -}}
     <div class="wrapper">