Type Alias VibrantTheme

Output theme structure inspired by Android Palette / node-vibrant.

type VibrantTheme = {
    darkMuted: Rgb | null;
    darkVibrant: Rgb | null;
    lightMuted: Rgb | null;
    lightVibrant: Rgb | null;
    muted: Rgb | null;
    vibrant: Rgb | null;
}

Properties

darkMuted: Rgb | null

A dark muted variant. Good for dark mode backgrounds.

darkVibrant: Rgb | null

A dark vibrant variant. Good for dark mode highlights.

lightMuted: Rgb | null

A light muted variant. Good for light mode backgrounds.

lightVibrant: Rgb | null

A light vibrant variant. Good for light mode highlights.

muted: Rgb | null

A muted/desaturated version. Good for cards or backgrounds.

vibrant: Rgb | null

The most vibrant color. Good for FABs or highlights.