Steps
Theme changes can affect every page.
- Start with root CSS variables instead of hardcoded colors.
- Update dark token values under :root[data-theme="dark"] if needed.
- Check AppShell customizer if primary color behavior changes.
- Check form focus states with every primary color option.
- Check auth, docs, operational pages, tables, dropdowns, modals, and menus in dark mode.
- Run npm run check and smoke test representative routes.