Flickering of dark mode
See original GitHub issueSteps
- switch to the dark mode
- refresh the page
- Notice the light mode shows for some seconds before switching to dark mode.
Expected Behavior
The flicker shouldn’t happen. The dark mode should be loaded upon page load.
Contributor Resources and Handbook
The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master
branch.
- 📚 See contributing instructions
- 🎨 Wireframes and designs for Layer5 site in Figma.
- 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack
Issue Analytics
- State:
- Created a year ago
- Comments:9 (3 by maintainers)
Top Results From Across the Web
Light/dark mode: avoid flickering on reload
This can result in a flicker when users visit your website: they picked the dark mode, but when loading the website, for a...
Read more >Dark mode flickers a white background for a millisecond on ...
I am trying to add this dark mode feature in my app. It uses localstorage to store the user's preference for future usage....
Read more >Darkmode flickering - Laracasts
It is due to you changing property of a DOM element after it is being loaded. With cloak you apply all changes to...
Read more >Prevent dark mode from flickering on page load in Astrojs
Having your website's dark/light mode flicker on each page load is not a nice user experience. A white flash when in dark mode...
Read more >iPhone 12 mini flickering in dark mode - Apple Community
It sounds like when using Dark Mode on your device and opening specific apps, there is an unexpected flicker you're noticing on 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 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
Thanks for calling this out, @Olaleye-Blessing. This has been a long topic of discussion and exploration of solutions these past couple weeks. Do join the weekly Websites meetings (if you haven’t been already - meet.layer5.io) and let’s brainstorm more.
This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.