From 7ca96f355b7ddc8c8fe526efeabb4a8b9334906c Mon Sep 17 00:00:00 2001
From: webadderall <131426131+webadderall@users.noreply.github.com>
Date: Sat, 18 Apr 2026 16:23:01 +1000
Subject: [PATCH] fix: default theme to system, set data-theme attribute on DOM

- Default preference to 'system' so first-run users get OS preference detection
- Set data-theme attribute on documentElement alongside .dark class toggle
---
 src/contexts/ThemeContext.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/contexts/ThemeContext.tsx b/src/contexts/ThemeContext.tsx
index 616a4be7..4c3566ad 100644
--- a/src/contexts/ThemeContext.tsx
+++ b/src/contexts/ThemeContext.tsx
@@ -25,7 +25,7 @@ function getStoredPreference(): ThemePreference {
 	} catch {
 		// Ignore storage errors
 	}
-	return "dark";
+	return "system";
 }
 
 function resolveTheme(pref: ThemePreference): ResolvedTheme {
@@ -39,6 +39,7 @@ function resolveTheme(pref: ThemePreference): ResolvedTheme {
 
 function applyThemeToDOM(theme: ResolvedTheme) {
 	const root = document.documentElement;
+	root.dataset.theme = theme;
 	if (theme === "dark") {
 		root.classList.add("dark");
 	} else {