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