Theme CLI flag to force light/dark mode (#79)

emad-elsaid · web-flow · commit bccafa7606f9 · 2025-02-02T00:28:47.000+01:00
* Theme CLI flag to force light/dark mode

* update usage
diff --git a/docs/Usage.md b/docs/Usage.md
@@ -60,6 +60,8 @@ Usage of xlog:
     	Site name is the name that appears on the header beside the logo and in the title tag (default "XLOG")
   -source string
     	Directory that will act as a storage (default "/home/emad/code/xlog")
+  -theme string
+    	bulma theme to use. (light, dark). empty value means system preference is used
   -twitter.username string
     	user twitter account @handle. including the @
 ```
diff --git a/flags.go b/flags.go
@@ -14,6 +14,7 @@ type Configuration struct {
 	NotFoundPage       string // name of the index page markdown file
 	BindAddress        string // bind address for the server
 	ServeInsecure      bool   // should the server use https for cookie
+	Theme              string // empty switches between light/dark. setting it forces a theme
 	CodeStyle          string
 	CsrfCookieName     string
 	DisabledExtensions string
@@ -37,4 +38,5 @@ func init() {
 	flag.StringVar(&Config.CsrfCookieName, "csrf-cookie", "xlog_csrf", "CSRF cookie name")
 	flag.StringVar(&Config.DisabledExtensions, "disabled-extensions", "", "disable list of extensions by name, comma separated")
 	flag.StringVar(&Config.CodeStyle, "codestyle", "dracula", "code highlighting style name from the list supported by https://pkg.go.dev/github.com/alecthomas/chroma/v2/styles")
+	flag.StringVar(&Config.Theme, "theme", "", "bulma theme to use. (light, dark). empty value means system preference is used")
 }
diff --git a/templates/layout.html b/templates/layout.html
@@ -1,6 +1,6 @@
 {{- define "header" -}}
 <!DOCTYPE html>
-<html lang="en" {{with .csrf}}hx-headers='{"X-CSRF-Token":"{{.}}"}'{{end}}>
+<html lang="en" {{with .csrf}}hx-headers='{"X-CSRF-Token":"{{.}}"}'{{end}} {{with $.config.Theme}}data-theme="{{.}}"{{end}}>
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
