Is your feature request related to a problem? Please describe.
The default color of components work fine on their own, but can sometimes clash when one is put on top of another. For example, a selected Chip on a Dialog has less emphasis than an unselected one because the contrast between the Chip and the Dialog is low.
Describe the solution you'd like
As per one of the library’s philosophies “adaptive and aware,” the library should detect when a component is a child of another component that creates a contrast issue, and choose better default colors.
Additional context
This list should be a good starting point:
Filled Card on Dialog/Full-screen Dialog/Page Header should have surface as background.
Selected Chip on Dialog/Full-screen Dialog/Page Header/Filled Card should have surface as background.
Chip Field and outlined Select’s label on Dialog/Full-screen Dialog/Page Header should match their background color with the parent.
Search, filled Text Field and filled Select on Dialog/Full-screen Dialog/Page Header/Filled Card should have surface-1 as background.
Is your feature request related to a problem? Please describe. The default color of components work fine on their own, but can sometimes clash when one is put on top of another. For example, a selected Chip on a Dialog has less emphasis than an unselected one because the contrast between the Chip and the Dialog is low.
Describe the solution you'd like As per one of the library’s philosophies “adaptive and aware,” the library should detect when a component is a child of another component that creates a contrast issue, and choose better default colors.
Additional context This list should be a good starting point:
surface
as background.surface
as background.surface-1
as background.