question-mark
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.

ColorModeScript bug

See original GitHub issue

Describe the bug ColorModeScript not using the initial value provided but always using system default value.

Screenshots image

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser Microsoft Edge
  • Version 107.0.1418.52: November 17, 2022

Issue Analytics

  • State:open
  • Created 10 months ago
  • Comments:14

github_iconTop GitHub Comments

1reaction
fabien-mlcommented, Nov 21, 2022

Am using version 1.0.0-next.8, also can you make a template sandbox for hope-ui to make it easy to fork it and reproduce the issues?

I will create a codesandbox and update the issues template

0reactions
oSethoumcommented, Nov 22, 2022

@fabien-ml Yeah that’s true, another way to do it is as a boolean property to HopeProvider called withColorModeScript since it’s important to be rendered before the content of the app.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found