Hi all,
The HTML Architect currently ships with a single light theme. I’d like to propose adding a Dark mode as an optional theme.
Why it matters:
- Reduced eye strain — the Architect is a tool people keep open for long, focused sessions (model editing, screen design, scripting). A dark theme is noticeably easier on the eyes in low-light environments.
- Modern expectation — dark mode is now a baseline feature in most IDEs and developer tools (VS Code, JetBrains, etc.). For a developer-facing tool like the Architect, it’s something users increasingly expect.
- Consistency & accessibility — offering a theme choice lets users match their OS preference and improves comfort for those sensitive to bright backgrounds.
Proposal:
Add a theme toggle (Light / Dark, optionally following the OS prefers-color-scheme) and drive the colors from CSS variables / theme tokens so both themes share a single source of truth. This keeps the change maintainable and makes future theming (e.g. high-contrast) straightforward.
I’d suggest starting with a scoped first pass on the core layout and most-used screens, then iterating on the long tail of components.
I’m happy to open a PR for this — I can start with a draft that introduces the theming infrastructure plus a working Dark mode for the main layout, so it’s easy to review incrementally. Just let me know if there’s a preferred approach or any work already in progress.
Thanks!