Opened 2 years ago
Closed 17 months ago
#52156 closed defect (bug) (wontfix)
Twenty Twenty-One dark theme: The text color of nested blocks is not correct in IE11
| Reported by: |
|
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
Default text color over palette backgrounds in IE11