Description
The new UI/UX overhaul implemented a sleek, developer-focused Dark Mode. However, for accessibility and usage in bright environments, we should provide an option to switch to a Light Theme.
Proposal
Add a theme toggle switch in the sidebar that allows users to seamlessly swap between light and dark modes, persisting their preference in localStorage.
Acceptance Criteria
- Define a complete set of Light Mode CSS variables (e.g.,
--bg-base, --text-primary).
- Add a moon/sun toggle icon in the UI sidebar footer.
- Implement Javascript logic to toggle a
light class on the root HTML tag and save the setting.
- Ensure all diagrams and markdown colors invert properly when the theme switches.
Description
The new UI/UX overhaul implemented a sleek, developer-focused Dark Mode. However, for accessibility and usage in bright environments, we should provide an option to switch to a Light Theme.
Proposal
Add a theme toggle switch in the sidebar that allows users to seamlessly swap between light and dark modes, persisting their preference in
localStorage.Acceptance Criteria
--bg-base,--text-primary).lightclass on the root HTML tag and save the setting.