v6.8.0: light theme

The palette lived as ~620 hex literals in inline styles plus a few hundred more in
the stylesheets, so there was no single thing to change. It is now 113 custom
properties in src/styles/theme.css, in two blocks.

src/scripts/theme-boot.js decides the theme before first paint — blocking, in <head>,
above the stylesheet, because a deferred script paints dark first and corrects itself.
It stores the mode ('system' | 'light' | 'dark'), never the colour it resolved to, and
stamps data-theme so an explicit choice can beat the media query. The switcher in the
header is a view onto it.

A filled accent stays the brand colour in both themes — the ink on it is near-black
either way — while an accent used as text darkens to clear 4.5:1 on white. A colour
reaches a fill by four routes (a style property, a constant, a helper argument, an SVG
source string), and tests/theme-switching.test.mjs covers all four.

The dark theme is unchanged: every colour declaration the previous build produced comes
out of this one identically once the properties are resolved.

Also: the roadmap drops its status chips on mobile, and Roadmap.jsx no longer splits a
colour with parseInt at runtime, which a var() reference cannot survive.

This commit is contained in:

lockbitchat

2026-09-04 17:38:41 -04:00

parent 1c153b290a

commit 9e63cf65a4

109 changed files with 4320 additions and 1910 deletions

									
										manifest.json
									
		+2
		-2
	
												View File
												
				@@ -4,8 +4,8 @@

				  "description": "P2P messenger with ECDH + DTLS + SAS security, military-grade cryptography and Lightning Network payments",

				  "start_url": "./",

				  "display": "standalone",

				  "background_color": "#1a1a1a",

				  "theme_color": "#ff6b35",

				  "background_color": "#0f0f11",

				  "theme_color": "#0f0f11",

				  "orientation": "portrait-primary",

				  "scope": "./",

				  "lang": "en",