WordPress.org

Make WordPress Core

Opened 5 months ago

#52156 new defect (bug)

Twenty Twenty-One dark theme: The text color of nested blocks is not correct in IE11

Reported by: poena Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.6
Component: Bundled Theme Keywords: needs-patch
Focuses: css Cc:

Description

When Twenty Twenty-One uses a dark body background,
it changes the default text color to white to increase the contrast and visibility of the text.

It also adjusts the text color when a block uses a background color from the palette,
to make sure that a dark text color is used over the pale background, and a light text color is used over the dark backgrounds:
https://core.trac.wordpress.org/browser/trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/color-palette.scss?rev=49864#L98

In IE11, the second text color adjustment does not work when a dark body background is used.
The default text color is white over the different palette background colors, making the text difficult to read.

It is being overwritten by the IE specific dark theme color rules:
https://core.trac.wordpress.org/browser/trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/ie.scss#L3

Attachments (1)

IE11-default-text-color-on-palette-background.png (13.3 KB) - added by poena 5 months ago.
Default text color over palette backgrounds in IE11

Download all attachments as: .zip

Change History (1)

@poena
5 months ago

Default text color over palette backgrounds in IE11

Note: See TracTickets for help on using tickets.