A set of colors suitable for generating a color scheme

A Material 3 color scheme

A Material color theme

The default Material 3 key colors

The default Material 3 light theme based on the default key colors

The default Material 3 dark theme based on the default key colors

The default Material 3 theme

Create a light color scheme from key colors

Create a dark color scheme from key colors

Build a theme

Get a color of a scheme

Get a "on" color of a scheme

Get a color of a scheme directly as a 'Element.Color'

Get a "on" color of a scheme directly as a 'Element.Color'

Convert a Color to Element.Color

get a container color

get a "on container" color

get a "container" color directly as a 'Element.color'

get a "on container" color directly as a 'Element.color'

get the "surface" color

get the "on surface" color

get the "surface variant" color

get the "on surface variant" color

get the "surface container lowest" color

get the "surface container low" color

get the "surface container" color

get the "surface container high" color

get the "surface container highest" color

The "hover" state layer opacity

The "focus" state layer opacity

The "press" state layer opacity

set the opacity of a color

Simulates adding a color in front (subtractive color mixing).

--Darkens the color by 50%
withShade (Color.rgb255 255 255 255) 0.5


--Makes the color 50% more red
withShade (Color.rgb255 255 0 0) 0.5

returns true if the given color is a error color

Change the tone of a color

See https://m3.material.io/styles/color/the-color-system/key-colors-tones