Repository navigation
fix(material/datepicker): improve comparison-range colour in docs example - #34066
vinaycookscode wants to merge 1 commit into
Conversation
|
Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA). View this failed invocation of the CLA check for more information. For the most up to date status, view the checks section at the bottom of the pull request. |
Done |
The comparison-range example uses tertiary-container as its background in M3, which is nearly identical to primary-container in several default themes (e.g. Azure & Blue). The two overlapping campaign date ranges become visually indistinguishable at a glance. Override two CSS custom properties scoped to the example host element with an amber tint — the same colour Material 2 used — so the visual distinction is clear in every M3 theme. This has no effect on user apps. Fixes angular#31663
e9cd37b to
0d99913
Compare
|
Tested this out manually and it does nothing. |
Fixes #31663
The comparison-range example uses
tertiary-containeras its background in M3,which is nearly identical to
primary-containerin several themes (e.g. Azure & Blue).The two overlapping campaign date ranges become visually indistinguishable.
Fix: Override two CSS custom properties scoped to the example host element with
an amber tint — the same colour Material 2 used — so the visual distinction is clear
in every M3 theme. No effect on user apps.