WordPress.org

Make WordPress Core

Opened 3 months ago

Last modified 3 months ago

#53533 new defect (bug)

Twenty Twenty-One: Dark Mode creating conflict with custom colour inside editor

Reported by: alanjacobmathew Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords:
Focuses: Cc:

Description

v: 5.8-beta4-51244. Theme: Twenty Twenty-One No plugins Installed.

Make sure the dark mode setting is switched ON is 'Customize page'.

The current Dark Mode settings inside the Twenty Twenty-One theme only works with the default colours inside the editor. Currently I believe dark mode functions by inverting the colours, but if that is the case it only inverts the default colours inside editor.

Below are the test cases, when the colour in text editor is not changed.


When Dark Mode is OFF
background colour is light and content colour is black

When Dark mode is ON
background colour is dark and content colour becomes white/light


Case when the user changes the colour of the text


Dark Mode is OFF
background colour is light. User changes the text colour to something dark other than the default black(say dark blue)

Dark Mode is ON
background colour is dark and the content colour remains same as the above case(here dark blue).

Here the issue is, depending on the visitors browser settings for dark mode, the website automatically switches to dark mode on the front end. And in-case the website owner has enabled dark mode settings in the 'Appearance section' and has posts or pages or even links written in custom colour, it may remain invisible to the visitors.

Attachments (2)

default color.gif (109.4 KB) - added by alanjacobmathew 3 months ago.
dark mode if editor color settings is default
custom color.gif (154.6 KB) - added by alanjacobmathew 3 months ago.
dark mode if editor color settings is customized

Download all attachments as: .zip

Change History (4)

@alanjacobmathew
3 months ago

dark mode if editor color settings is default

@alanjacobmathew
3 months ago

dark mode if editor color settings is customized

#1 @desrosj
3 months ago

  • Component changed from Editor to Bundled Theme
  • Summary changed from Dark mode creating conflict with custom colour inside editor to Twenty Twenty-One: Dark Mode creating conflict with custom colour inside editor

Moving to bundled themes because Dark Mode is specific to Twenty Twenty-One.

#2 @SergeyBiryukov
3 months ago

#53559 was marked as a duplicate.

Note: See TracTickets for help on using tickets.