Colors

class Colors(
    primary: Color,
    primaryVariant: Color,
    secondary: Color,
    secondaryVariant: Color,
    background: Color,
    surface: Color,
    error: Color,
    onPrimary: Color,
    onSecondary: Color,
    onBackground: Color,
    onSurface: Color,
    onError: Color,
    isLight: Boolean,
)

Material Design color system

The Material Design color system can help you create a color theme that reflects your brand or style.

To create a light set of colors using the baseline values, use lightColors To create a dark set of colors using the baseline values, use darkColors

• Floating action buttons
• Selection controls, like checkboxes and radio buttons
• Highlighting selected text
• Links and headlines

Properties

primary

var primary

primaryVariant

var primaryVariant

secondary

var secondary

secondaryVariant

var secondaryVariant

background

var background

surface

var surface

error

var error

onPrimary

var onPrimary

onSecondary

var onSecondary

onBackground

var onBackground

onSurface

var onSurface

onError

var onError

isLight

var isLight

Functions

copy

fun copy(
        primary: Color = this.primary,
        primaryVariant: Color = this.primaryVariant,
        secondary: Color = this.secondary,
        secondaryVariant: Color = this.secondaryVariant,
        background: Color = this.background,
        surface: Color = this.surface,
        error: Color = this.error,
        onPrimary: Color = this.onPrimary,
        onSecondary: Color = this.onSecondary,
        onBackground: Color = this.onBackground,
        onSurface: Color = this.onSurface,
        onError: Color = this.onError,
        isLight: Boolean = this.isLight,
    ): Colors

Returns a copy of this Colors, optionally overriding some of the values.