ColorModeScript bug
See original GitHub issueDescribe the bug
ColorModeScript not using the initial value provided but always using system
default value.
Screenshots
Desktop (please complete the following information):
- OS: Windows 10
- Browser Microsoft Edge
- Version 107.0.1418.52: November 17, 2022
Issue Analytics
- State:
- Created 10 months ago
- Comments:14
Top Results From Across the Web
When I implement `ColorModeScript` set to ... - GitHub
Description When I implement ColorModeScript set to useSystemColorMode: true and initialColorMode: "dark" it does not seem to be working.
Read more >Chakra UI color mode changes on page refresh, because of ...
based on the documentation, ChakraUI doesn't sync color mode with LocalStorage automatically. you need to put <ColorModeScript /> first, ...
Read more >Color Mode - Chakra UI
Color Mode. Chakra UI comes with built-in support for managing color mode in your apps. By default, most of Chakra's components are dark...
Read more >Chakra UI Bug - CodeSandbox
Chakra UI Bug. 0. Embed Fork Create Sandbox Sign in. Sandbox Info. Chakra UI Bug. 0. 121. 2. Scoder12Scoder12. TemplateChakra UI - TypeScript ......
Read more >marsidev/next-chakra-starter - Overview - CodeFactor
Luis Marsiglia4 months ago. 99e8cb2 fix: :bug: fix issue with ColorModeScript. No issues. Luis Marsiglia avatar Luis Marsiglia4 months ago.
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 FreeTop 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
Top GitHub Comments
I will create a codesandbox and update the issues template
@fabien-ml Yeah that’s true, another way to do it is as a boolean property to
HopeProvider
calledwithColorModeScript
since it’s important to be rendered before the content of the app.