Override this behavior and force DarkMode (#44)

* feature: override this behavior and enforceDarkMode * added enforceDarkMode as params on exampleSite/config.toml Co-authored-by: Weru <16350351+onweru@users.noreply.github.com>
onweru · Jan 5, 2023 · 84e1d5c · 84e1d5c
1 parent fdc97fb
commit 84e1d5c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
@@ -31,6 +31,7 @@ paginate = 6
   # twitter = "" # twitter handle e.g @weru
   # mainSections = ["blog", "docs"] see https://gohugo.io/functions/where/#mainsections
   # uncomment the line below will disable darkmode by default.
-  # disableDarkMode = true  # note that the UI control for toggling darkmode will remain in place. This way, the user can decide which mode they would like to use while browsing your website
+  # uncomment and set value below to either "light" or "dark" to make default mode dark.
+  # defaultMode = "" # Note that the UI control for toggling darkmode will remain in place. This way, the user can decide which mode they would like to use while browsing your website
   logo = "" # if the value is an empty string, the site title will be shown instead
-  faviconsDir = "images/icons/" # with a trailing slash
+  faviconsDir = "images/icons/" # with a trailing slash
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 {{- $params := .Site.Params }}
-<html lang="{{ .Lang }}" {{ if $params.disableDarkMode }}class="nodarkmode"{{ end }}>
+<html lang="{{ .Lang }}" {{ if $params.disableDarkMode }} class="nodarkmode"{{ end }}{{ with $params.enforceDarkMode }} data-mode="dim"{{ end }}>
   {{ partial "head" . }}
   <body>
     {{ partialCached "nav" . }}