This pattern shows how to use HSL to create harmonious light and dark themes with CSS custom properties.

• CSS
• HTML

This pattern shows how to go beyond light and dark themes with CSS custom properties. Full article · Video on YouTube · Source on Github

• HTML
• CSS
• JavaScript

This pattern shows how to create a switch for your website that allows changing between light and dark themes, and saving that preference for subsequent visits. Full article · Video on YouTube · Source on Github

• HTML
• JavaScript
• CSS