color-mode
color-mode copied to clipboard
Dark and Light mode with auto detection made easy with Nuxt 🌗
I am using the following line to set the users color mode preference: `this.$nuxt.$colorMode.preference = this.checked ? "dark" : "light";` As I understand it this should set the default preference...
Setting html classes with `useMeta` overwrites the color mode classes added by the helper. **edit**: even if we set color mode classes with `useMeta`, we face this issue: https://github.com/vueuse/head/issues/55
This reverts #59. Fixes #119.
### Version @nuxtjs/color-mode: v2.1.1 nuxt: v2.15.8 ### Reproduction Link https://github.com/nuxt-community/color-mode-module The example in this repository is sufficient for reproducing the bug. Don't use the demo link, since it is outdated....
We use storyblok as our CMS where we've added a field to set the desired colorMode for any given "story" (blog post, page, etc.) – All these stories get funneled...
### Is your feature request related to a problem? Please describe. I'm creating a static blog theme using nuxt-content. I used this package to support dark mode and to avoid...
I want to be able to apply a css transition when the color mode changes, but there doesn't seem to be an easy way to do that without forking the...
I have the following set in assets/main.css ``` @layer base { .dark-mode body { background-color: #091a28; color: #ebf4f1; } .sepia-mode body { background-color: #f1e7d0; color: #433422; } } ``` (Am...
- Added support for IE 11 ( don't forget to build script.min.js =) ) I'm not 100% sure that babel can be divided into test and production, pay attention to...
Hey there, using this module and it works great so far. Due to GDPR I am not allowed to save things in the user's browser, without receiving their consent first....