Switch color schemes (vanilla js)

• Select light or dark modes or auto (system settings).
• Optimized keyboard access: tab + left + right arrows.
• Persist selected option in local storage.
• Free of js/css libraries, view source and grab the code.
• Note, selected mode overrides system settings except auto.
• Demos below toggle lavender/navy colors for bg/text.

Demos

< toolbox