Add light/dark mode toggle in settings

Settings gains a "Dark mode" switch. Theme preference is device-global
(localStorage), independent of accounts. With no explicit choice the app keeps
following the OS via prefers-color-scheme; picking a mode sets data-theme on
<html>, which the CSS treats as an override (attribute selector beats the media
query). A tiny <head> script applies a saved choice before first paint to avoid
a light/dark flash. Toggling previews live, independent of Save/Cancel.

Bumps the service-worker cache. Verified in a headless-browser run: default
follows OS, enabling dark swaps the palette, the choice persists across reload,
and toggling back restores light.

This commit is contained in:

Alexander Heldt

2026-07-09 19:41:30 +00:00

parent 5c016ca49e

commit 9c0427a1ec

4 changed files with 89 additions and 2 deletions

									
										src/sw.js
									
		+1
		-1
	
												View File
												
				@@ -1,4 +1,4 @@

				const CACHE = "puppy-tracker-v7";

				const CACHE = "puppy-tracker-v8";

				const PHOTO_CACHE = "puppy-tracker-photos-v1";

				const ASSETS = [

				  "./",