TLThemeDefaultColors

See source code
Table of contents

The color palette for a theme. Contains base UI colors (as strings) and named shape colors (as TLDefaultColor objects).

Extend this interface via module augmentation to add custom colors:

interface TLThemeDefaultColors {}

Example

declare module "@tldraw/tlschema" {
  interface TLThemeColors {
    pink: TLDefaultColor;
  }
}

Properties

"light-blue"

"light-blue": TLDefaultColor;

"light-green"

"light-green": TLDefaultColor;

"light-red"

"light-red": TLDefaultColor;

"light-violet"

"light-violet": TLDefaultColor;

background

background: string;

black

black: TLDefaultColor;

blue

blue: TLDefaultColor;

cursor

cursor: string;

green

green: TLDefaultColor;

grey

grey: TLDefaultColor;

negativeSpace

negativeSpace: string;

noteBorder

noteBorder: string;

orange

orange: TLDefaultColor;

red

red: TLDefaultColor;

solid

solid: string;

text

text: string;

violet

violet: TLDefaultColor;

white

white: TLDefaultColor;

yellow

yellow: TLDefaultColor;

Prev
TLTheme
Next
TLThemeFont