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.

Dark Mode Switch Delay

See original GitHub issue

Description

When we switch between dark mode and light mode, the transition delay of home screen is different from that of navbar which seems like breaking.

Expected Behavior

The Transition delay should be same like this .

screen-capture.webm

Screenshots

screen-capture (1).webm

Environment:

  • Host OS: Windows 10
  • Browser: Google Chrome

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:19 (11 by maintainers)

github_iconTop GitHub Comments

1reaction
RamGoelcommented, Oct 5, 2022

Hi, @lavakush07 the issue #3060 is about flickering of dark mode when page reload but this issue #3266 is about transition delay difference between homePage and Header.

Thanks 👍

0reactions
UtkarshMishra12commented, Dec 23, 2022

@RamGoel Please Update

Read more comments on GitHub >

github_iconTop Results From Across the Web

Delay in dark mode detection · Issue #22 - GitHub
To prevent light flash during page load, I had to split dark-mode-switch.js into two parts; a theme-init part which is inlined into html...
Read more >
Dark mode delay when website is refreshed - Stack Overflow
I have developed a dark mode for my forum, but the moment I set the dark mode, and change the tab or refresh...
Read more >
Switching between light and dark mode needs to be quicker
Dark mode applies system-wide changes to the theme, there's a delay in that regardless what changes you apply (be it dark mode or...
Read more >
Thinking on ways to solve a DARK/LIGHT THEME SWITCH
In today's GUI Challenge, @AdamArgyleInk shares thinking on a way to build a theme switch component. Often a website will allow switching ...
Read more >
How to Reduce input Lag on Nintendo Switch ... - YouTube
Do you want to know how to reduce input lag on Nintendo Switch and turn on Game Mode ? This is very easy...
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