Theme select & Accessability :^)

2026-01-27 14:26:14 -07:00
parent e2949a28ef
commit abbf39f160
11 changed files with 304 additions and 235 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -10,7 +10,7 @@ const { title } = Astro.props;
 ---

 <!doctype html>
-<html lang="en" data-theme="dark">
+<html lang="en">
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="description" content="Chronus Time Tracking" />
@@ -19,6 +19,10 @@ const { title } = Astro.props;
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
 		<ClientRouter />
+    <script is:inline>
+      const theme = localStorage.getItem('theme') || 'macchiato';
+      document.documentElement.setAttribute('data-theme', theme);
+    </script>
 	</head>
 	<body class="min-h-screen bg-base-100 text-base-content flex flex-col">
 		<div class="flex-1 flex flex-col">