https://github.com/alexandersandberg/theme-switcher

A website theme switcher using CSS only
https://github.com/alexandersandberg/theme-switcher

a11y css dark-mode

Last synced: 10 months ago
JSON representation

A website theme switcher using CSS only

• Host: GitHub
• URL: https://github.com/alexandersandberg/theme-switcher
• Owner: alexandersandberg
• License: mit
• Created: 2019-05-13T19:50:39.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2024-02-03T12:05:53.000Z (over 2 years ago)
• Last Synced: 2025-08-23T19:10:21.098Z (10 months ago)
• Topics: a11y, css, dark-mode
• Language: HTML
• Homepage: https://alexandersandberg.github.io/theme-switcher/
• Size: 200 KB
• Stars: 46
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
![Theme switcher preview](preview.png)

# CSS Only Theme Switcher

## About the project

This is a website theme switcher made with CSS only. There are two different versions of this:

1. Using a checkbox to switch between two themes

2. Using radio buttons for unlimited amount of themes

I also wrote [an article on my website](https://alexandersandberg.com/theme-switcher/) explaining the functionality behind this solution, for those interested.

## Usage

[**Check it out live**](https://alexandersandberg.github.io/theme-switcher/) _or_ download the files and open `index.html` in your preferred browser.

## A project by Alexander Sandberg

Thanks for checking out my project! ❤️

If you want to get in touch, or check out my other work, you can find me online here:

- [Website](https://alexandersandberg.com) (alexandersandberg.com)

- [Twitter](https://twitter.com/alexandberg) (@alexandberg)

## License

Distributed under the MIT License © [Alexander Sandberg](https://github.com/alexandersandberg)