Stylish Component Colors
Derived component-level colors that are computed from the active ColorScheme rather than stored as static palette values.
These colors adapt automatically to light/dark themes because they are interpolated at composition time from ColorScheme.surface and ColorScheme.onSurface. Obtain an instance via MaterialTheme.stylishComponentColors, which prefers the instance provided by the enclosing StylishTheme (see its componentColors parameter) and falls back to computing one from the active ColorScheme.
See also
Constructors
Properties
The default container color for filled buttons. Derived from ColorScheme.primary to match the primary action treatment.
The default content color (text, icons) rendered on top of a button container. Derived from ColorScheme.onPrimary.
The default container color for card surfaces. Derived from ColorScheme.surfaceContainerLow to provide a subtle elevation above the base surface.
The default content color (text, icons) rendered on top of a card container. Derived from ColorScheme.onSurface.
The default container color for chips. Derived from ColorScheme.surfaceContainerHigh to distinguish chips from flat surfaces while keeping them visually lighter than cards.
The default content color (text, icons) rendered on top of a chip container. Derived from ColorScheme.onSurfaceVariant.
A subtle tinted surface used as the background for grouped or connected container layouts (e.g. connected card lists). In light themes this is a barely perceptible darkening of the surface (1.2% toward onSurface); in dark themes the shift is stronger (6%) to remain visible against dark backgrounds.
The default container color for text fields. Derived from ColorScheme.surfaceContainerHighest to provide the deepest surface tone among input components, signalling interactivity.
The default content color (text, icons) rendered on top of a textField container. Derived from ColorScheme.onSurface.