Prerequisites
Describe the issue
When using nesting color modes as described in the docs nesting-color-modes colors are set as expected.
Nevertheless, when using headers (h1, h2, h3, ...), the nesting color mode is not applied correctly. Headers still have the color of the dark color mode (color --bs-heading-color, not visible on white background):
Reduced test cases
https://codepen.io/robertstrasser/pen/eYjdZgr
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome, Firefox, Microsoft Edge
What version of Bootstrap are you using?
5.3.0-alpha1
Prerequisites
Describe the issue
When using nesting color modes as described in the docs
nesting-color-modescolors are set as expected.Nevertheless, when using headers (h1, h2, h3, ...), the nesting color mode is not applied correctly. Headers still have the color of the dark color mode (color
--bs-heading-color, not visible on white background):Reduced test cases
https://codepen.io/robertstrasser/pen/eYjdZgr
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome, Firefox, Microsoft Edge
What version of Bootstrap are you using?
5.3.0-alpha1