https://github.com/vue-a11y/vue-dark-mode

A component that helps to implement dark mode and other color modes in your Vue application.
https://github.com/vue-a11y/vue-dark-mode

color-mode dark dark-mode prefers-color-scheme

Last synced: 3 months ago
JSON representation

A component that helps to implement dark mode and other color modes in your Vue application.

• Host: GitHub
• URL: https://github.com/vue-a11y/vue-dark-mode
• Owner: vue-a11y
• License: mit
• Created: 2019-04-14T05:10:25.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T08:34:40.000Z (over 1 year ago)
• Last Synced: 2024-03-30T13:12:19.872Z (3 months ago)
• Topics: color-mode, dark, dark-mode, prefers-color-scheme
• Language: JavaScript
• Homepage: https://darkmode.vue-a11y.com/
• Size: 1.96 MB
• Stars: 52
• Watchers: 2
• Forks: 8
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Lists

• awesome-access - @vue-a11y/dark-mode - A component that helps to implement dark mode and other color modes in your Vue application. (Components and plugins / Courses)

README

        
# [@vue-a11y/dark-mode](https://vue-dark-mode.surge.sh)

A component that helps to implement dark mode and other color modes in your Vue application.

# Introduction

Give users more options and control over which color mode they feel most comfortable with.

Dark mode or any other color mode are excellent alternatives for the user of your application to have the best experience in certain circumstances or by default.

[@vue-a11y/dark-mode](https://github.com/vue-a11y/vue-dark-mode) is very flexible, in addition to dark-mode, you can pass through props any color mode you want, for example, sepia, dark-blue, reading, and as many more options.

### Articles that served as inspiration:

- [Building dark mode on Stack Overflow](https://stackoverflow.blog/2020/03/31/building-dark-mode-on-stack-overflow/)

- [Your dark mode toggle is broken](https://kilianvalkhof.com/2020/design/your-dark-mode-toggle-is-broken/)

## Links

- [Documentation](https://darkmode.vue-a11y.com)

- [Demo](https://vue-dark-mode.surge.sh)

## Contributing

- From typos in documentation to coding new features;

- Check the open issues or open a new issue to start a discussion around your feature idea or the bug you found;

- Fork repository, make changes and send a pull request;

Follow us on Twitter [@vue_a11y](https://twitter.com/vue_a11y)

**Thank you**