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.

Flickering of dark mode

See original GitHub issue

Steps

  • 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.

Issue Analytics

  • State:open
  • Created a year ago
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
leecalcotecommented, Aug 11, 2022

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.

0reactions
stale[bot]commented, Dec 23, 2022

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.

Read more comments on GitHub >

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

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