On colors
The on colors refers to color elements that are placed on top of surfaces that for example use primary, secondary and surface color. On colors are applied to text, icons and borders. The default colors are #FFFFFF and #000000.
CSS Attribute | Description |
---|---|
Skin="on:primary" |
Set text color to the on:primary color |
Skin="on:primary:light" |
Set text color to the on:primary:light color |
Skin="on:primary:dark" |
Set text color to the on:primary:dark color |
Skin="on:secondary" |
Set text color to the on:secondary color |
Skin="on:secondary:light" |
Set text color to the on:secondary:light color |
Skin="on:secondary:dark" |
Set text color to the on:secondary:dark color |
Skin="on:background" |
Set text color to the on:background color |
Skin="on:surface" |
Set text color to the on:surface color |
Skin="on:error" |
Set text color to the on:error color |
Skin="on:info" |
Set text color to the on:info color |
Skin="on:success" |
Set text color to the on:success color |
Skin="on:warning" |
Set text color to the on:warning color |