This demo uses a tri-state theme selector, where the "Light" option applies default colors, and the "Dark" option applies CSS variables for dark colors. The "System default" option applies those color variables only if prefers-color-scheme is dark.