Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Independent color mode for devtools #543

Open
MuhammadM1998 opened this issue Dec 13, 2023 · 2 comments
Open

Independent color mode for devtools #543

MuhammadM1998 opened this issue Dec 13, 2023 · 2 comments
Labels
enhancement New feature or request pr welcome

Comments

@MuhammadM1998
Copy link

🐛 The bug

Not really a big issue, maybe a nitpick or nice to have.

Dark mode is generally preferred to work with, but sometimes we're working on a project that has light mode only as a requirement. Changing dev tools to dark mode via the toggle also changes the main app. Using a separate cookie for devtools might be nice and straightforward I think. I can take a try If this seems reasonable.

🛠️ To reproduce

https://stackblitz.com/edit/nuxt-ui-ndmdji?file=app.vue,nuxt.config.ts

🌈 Expected behavior

Notice I'm forcing light mode by setting colorMode.preference to light.
Toggling the theme button in the app changes the app's and devtools theme.
Toggling the theme button in the devtools and refresh changes the app's and devtools thene.
(Theme toggle button in the app is just for demonstration, realistically there won't be a toggle if we're enforcing 1 mode)

ℹ️ Additional context

No response

@MuhammadM1998 MuhammadM1998 added the bug Something isn't working label Dec 13, 2023
@antfu antfu added pr welcome enhancement New feature or request and removed bug Something isn't working labels Jan 11, 2024
@antfu
Copy link
Member

antfu commented Jan 11, 2024

Make sense to have an option for this I think. PR welcome :)

@MuhammadM1998
Copy link
Author

Cool! I'm on it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request pr welcome
Projects
None yet
Development

No branches or pull requests

2 participants