Make WordPress Core

Opened 3 years ago

Closed 2 years ago

#52156 closed defect (bug) (wontfix)

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

Reported by: poena's profile poena Owned by:
Milestone: 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 3 years ago.
Default text color over palette backgrounds in IE11

Download all attachments as: .zip

Change History (2)

@poena
3 years ago

Default text color over palette backgrounds in IE11

#1 @poena
2 years ago

  • Milestone Awaiting Review deleted
  • Resolution set to wontfix
  • Status changed from new to closed

WordPress no longer supports IE11 and as the reporter I am choosing to close this ticket.

Note: See TracTickets for help on using tickets.