fix: pass theme as variable to template

Author: gi8lino

cmd/root.go

@@ -30,7 +30,7 @@ import (
 )
 
 const (
-	version = "v0.0.12"
+	version = "v0.0.13"
 )
 
 var (

internal/handlers/home.go

@@ -30,6 +30,7 @@ func Home(w http.ResponseWriter, r *http.Request) {
 		Title:   "vimbin - a pastebin with vim motion",
 		Content: config.App.Storage.Content.Get(),
 		Token:   config.App.Server.Api.Token.Get(),
+		Theme:   config.App.Server.Web.Theme,
 	}
 
 	if err := config.App.HtmlTemplate.Execute(w, page); err != nil {

internal/handlers/structs.go

@@ -8,4 +8,5 @@ type Page struct {
 	Title   string // Title is the title of the page.
 	Content string // Content is the content of the page.
 	Token   string // Token is the API token.
+	Theme   string // Theme is the theme of the page.
 }

web/static/js/vimbin.js

@@ -6,9 +6,9 @@ document.addEventListener("DOMContentLoaded", function () {
       : "default";
   }
 
-  // Function to set the theme based on the initial color scheme
+  // Function to set the theme based on the initial color scheme or the 'theme' variable
   function setThemeBasedOnColorScheme() {
-    const preferredTheme = getPreferredTheme();
+    const preferredTheme = theme || getPreferredTheme();
     console.log(`Setting theme to '${preferredTheme}'`);
 
     editor.setOption("theme", preferredTheme);

web/templates/index.html

@@ -38,6 +38,7 @@ <h2>{{.Title}}</h2>
         <script src="static/js/vimbin.js"></script>
         <script>
           var apiToken = "{{.Token}}";
+          var theme = "{{.Theme}}";
         </script>
       </footer>
     </div>