Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
background body wont change when toggle dark/light color scheme in next js 13
See original GitHub issueWhat package has an issue
Describe the bug
when call toggleColorScheme background body wont change in next js 13 but other component does change follow the color scheme
What version of @mantine/hooks page do you have in package.json?
5.6.2
If possible, please include a link to a codesandbox with the reproduced problem
https://codesandbox.io/s/charming-ramanujan-lvqg3n
Do you know how to fix the issue
No
Are you willing to participate in fixing this issue and create a pull request with the fix
Yes
Possible fix
No response
Issue Analytics
- State:
- Created 10 months ago
- Comments:7 (4 by maintainers)
Top Results From Across the Web
Adding a dark / light mode toggle to Next.js using CSS variables
While a dark / light mode toggle may seem simple on the surface, it turns out that dark mode can actually cause more...
Read more >Adding dark mode with Next.js, styled-components, and ...
To do this, I defined light, dark, and default theme objects. The default theme contains non-color related properties like spacing and font sizes....
Read more >How to override css prefers-color-scheme setting
By default, automatic light/dark mode is used based on the system color scheme. Using the toggle switches to manual light/dark mode.
Read more >How to add dark mode in a Next.js site | Sreetam Das
We need to find a way to be able to run some code and apply the appropriate background-color (and by extension, the theme)...
Read more >A Complete Guide to Dark Mode on the Web - CSS-Tricks
Dark mode” is defined as a color scheme that uses light-colored text ... There also should be a way to switch to the...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Do not use NextLink
You can use the
legacyBehaviourprop on NextLink so that it continues to work.