Prompt Frontend

Add Dark Mode

Add dark mode support with a toggle and system preference detection.

frontendreactcss
Insert label Dark Mode
Prompt

Add dark mode support. Use CSS custom properties for colors, detect the system preference with prefers-color-scheme, add a toggle that persists the user’s choice, and make sure all components look good in both modes. Check contrast ratios in both themes.

Add this to your Facet Inserts in Crystl for one-click access.

Get Crystl