feat: add light/dark theme toggle with system preference detection

- Implement theme store with localStorage persistence
- Add ThemeToggle component with animated icon transitions
- Update color system with semantic tokens for light/dark modes
- Add blocking script in app.html to prevent FOUC
- Apply theme-aware styling across all public and admin pages
This commit is contained in:
2026-01-06 20:31:24 -06:00
parent 0149dc1df9
commit 5c4d3b6efa
26 changed files with 336 additions and 190 deletions
@@ -78,13 +78,13 @@
<p class="text-admin-text-muted mb-4">Project not found</p>
<a
href={resolve("/admin/projects")}
class="text-blue-400 hover:text-blue-300"
class="text-admin-accent hover:text-admin-accent-hover"
>
← Back to projects
</a>
</div>
{:else}
<div class="rounded-lg border border-admin-border bg-admin-panel p-6">
<div class="rounded-lg border border-admin-border bg-admin-surface p-6">
<ProjectForm
{project}
availableTags={tags}