Opened 2 years ago
Last modified 7 months ago
#53532 new defect (bug)
Twenty Twenty-One: Dark Mode causes flicker (light to dark) when reloading
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Future Release | Priority: | normal |
Severity: | normal | Version: | |
Component: | Bundled Theme | Keywords: | needs-patch |
Focuses: | Cc: |
Description
V: 5.8-beta4-51244. Theme: Twenty TwentyOne. No plugins installed
This is related to the Dark Mode support associated with the Twenty Twenty-One theme.
When the user reloads a page, if dark mode settings is switched ON, there is a slight flicker to the original colour(light mode) before the dark mode content is shown. I tried with two test sites and in both the issue exists.
Steps to reproduce:
1: Appearance -> Customize -> colours and dark mode
2: Enable dark mode support there.
3: Create a new page. add some content and publish it.
4: make sure the floating dark mode toggle is ON
5: Reload the page few times, you'll notice some flicker when reloading.
Issue:
Here the page loads the content initially in light mode and then changes it to dark mode, causing the flicker.
Attachments (1)
Change History (5)
#1
@
2 years ago
Hi
Is this not present in earlier WordPress versions?
Which browser and OS?
Does the same happen when you are logged out?
#2
@
2 years ago
Can't say about earlier versions, I only found about it now
OS: Windows 10.
Browser: Brave and Edge (Issue exists)
Yes the same happens when logged out
Flicker in Dark Mode