[wp-trac] [WordPress Trac] #52156: Twenty Twenty-One dark theme: The text color of nested blocks is not correct in IE11

[WordPress Trac]

#52156: Twenty Twenty-One dark theme: The text color of nested blocks is not
correct in IE11
---------------------------+-----------------------------
 Reporter:  poena          |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:  5.6
 Severity:  normal         |   Keywords:  needs-patch
  Focuses:  css            |
---------------------------+-----------------------------
 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

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52156>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform