color-mode
color-mode copied to clipboard
Dark and Light mode with auto detection made easy with Nuxt 🌗
### Version @nuxtjs/color-mode: v3.3.2 nuxt: v3.8.2 ### Reproduction Link https://stackblitz.com/edit/github-mcvmdz?file=nuxt.config.ts ### Steps to reproduce Run the application. Two pages are present: - `index` which uses the default light theme. -...
this MR about sync localStorage with cookie
When the "Block third party cookies" (default for incognito mode) is enabled in chrome, the local storage is not accessible from iframes that have a different domain source. I think...
> https://tdesign.tencent.com/vue-next/dark-mode-en Some UI libraries (such as TDesign) use a `theme-mode` attribute on HTML tags to control dark mode, which cannot be implemented by the existing `dataValue` option, so a...
Reference: https://vueuse.org/core/useColorMode/ https://paco.me/writing/disable-theme-transitions
fix #218 Currently i add detecting of user theme from http request and add `systemScheme` property But don't understand how it work with `nuxtApp.ssrContext && 'islandContext' in nuxtApp.ssrContext`
### Is your feature request related to a problem? Please describe. While ssr you can't get user system color theme. It not saved in cookie and browser don't send [`Sec-CH-Prefers-Color-Scheme`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Sec-CH-Prefers-Color-Scheme)...
On server it not read color because color is stored in local storage and not cookie
### Is your feature request related to a problem? Please describe. it would be cool to be able to disable any css transition on the page when changing the color...
I'm using Vue ConfigProvider for theme like below sample code, but it seems not working well with colorMode module. Light mode has no issue, But when the system preference is...