* feat(web): add light theme with dark/light/system toggle (#761)
Add three-state theme toggle (dark → light → system) to the Web Gateway:
- Extract 101 hardcoded CSS colors into 30+ CSS custom properties
- Add [data-theme='light'] overrides for all variables
- Add theme toggle button in tab-bar (moon/sun/monitor icons)
- Theme persists via localStorage, defaults to 'system'
- System mode follows OS prefers-color-scheme in real-time
- FOUC prevention via inline script in <head>
- Delayed CSS transition to avoid flash on initial load
- Pure CSS icon switching via data-theme-mode attribute
Closes#761
* fix: address review feedback and code improvements (takeover #853)
- Fix dark-mode readability bug: .stepper-step.failed and
.image-preview-remove used --text-on-accent (#09090b) on
var(--danger) background, making text unreadable. Changed to
--text-on-danger (#fff).
- Restore hover visual feedback on .image-preview-remove:hover
using filter: brightness(1.2) instead of redundant var(--danger).
- Use const/let instead of var in theme-init.js for consistency
with app.js (per gemini-code-assist review feedback).
Co-Authored-By: CPU-216 <[email protected]>
Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>
* fix: address CI failures and Copilot review feedback (takeover #853)
- Fix missing `fallback_deliverable` field in job_monitor test
constructors (pre-existing staging issue surfaced by merge)
- Validate localStorage theme value against whitelist in both
theme-init.js and app.js to prevent broken state from invalid values
- Add matchMedia addEventListener fallback for older Safari/WebKit
- Add i18n keys for theme tooltip and aria-live announcement strings
(en + zh-CN) to match existing localization patterns
- Move .sr-only utility from inline <style> to style.css
[skip-regression-check]
Co-Authored-By: CPU-216 <[email protected]>
Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]>
---------
Co-authored-by: Gao Zheng <[email protected]>
Co-authored-by: Claude Opus 4.6 (1M context) <[email protected]>
