![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png){kind=logo}
Opened 5 years ago
Closed 2 years ago
#53532 closed defect (bug) (worksforme)
Twenty Twenty-One: Dark Mode causes flicker (light to dark) when reloading
| Reported by: | alanjacobmathew | Owned by: | |
|---|---|---|---|
| Priority: | normal | Milestone: | |
| Component: | Bundled Theme | Version: | |
| Severity: | normal | Keywords: | close |
| Cc: | Focuses: |
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 (7)
#1
@
5 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
@
5 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
#3
@
5 years ago
- Summary On 5.8-beta4-51244 Dark Mode (Twenty TwentyOne theme) causing colour to flicker(light-mode to darkmode) when reloading → Twenty Twenty-One: On 5.8-beta4-51244 Dark Mode causing colour to flicker (light-mode to darkmode) when reloading
#4
@
4 years ago
- Milestone Awaiting Review → Future Release
- Summary Twenty Twenty-One: On 5.8-beta4-51244 Dark Mode causing colour to flicker (light-mode to darkmode) when reloading → Twenty Twenty-One: Dark Mode causes flicker (light to dark) when reloading
#5
@
2 years ago
- Keywords close added; needs-patch removed
I am not seeing this myself in testing and would appreciate if others could confirm if they are still seeing this. For now, I am going to recommend closing as unable to see. If you can please provide instructions and we can absolutely look to not close.
Flicker in Dark Mode