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.

Note that adaptive light-dark switching is supported natively since Highcharts v13, which does not require this theme.