From dc932ea9ddd1d6f8c6362e627ea1036b7a6abd09 Mon Sep 17 00:00:00 2001
From: Shawn <shawn@ourpad.casa>
Date: Tue, 26 May 2026 21:56:11 -0400
Subject: [PATCH] Fix dark mode: sync dark class to html element for Tailwind

---
 index.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/index.html b/index.html
index 63a68f2..47eb0c9 100644
--- a/index.html
+++ b/index.html
@@ -613,6 +613,7 @@ function dashboard() {
     toggleDark() {
       this.dark = !this.dark;
       localStorage.setItem('dark', String(this.dark));
+      document.documentElement.classList.toggle('dark', this.dark);
     },
 
     portAccessLabel(port, inv) {
@@ -650,6 +651,7 @@ function dashboard() {
     },
 
     init() {
+      document.documentElement.classList.toggle('dark', this.dark);
       // Each service has: external (public domain/ip), lan (192.168.x), ts (tailscale 100.x)
       // Fields left undefined = not applicable
       this.publicServices = [