TLThemeDefaultColors • tldraw Docs

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 {}

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

Properties

"light-blue": TLDefaultColor;

"light-green": TLDefaultColor;

"light-red": TLDefaultColor;

"light-violet": TLDefaultColor;

background: string;

black: TLDefaultColor;

blue: TLDefaultColor;

Brush rectangle fill

brushFill: string;

Brush rectangle stroke

brushStroke: string;

cursor: string;

green: TLDefaultColor;

grey: TLDefaultColor;

Laser pointer color

laser: string;

negativeSpace: string;

noteBorder: string;

orange: TLDefaultColor;

red: TLDefaultColor;

Selected contrast color (handle fills, etc.)

selectedContrast: string;

Selection handle fill (typically the background color)

selectionFill: string;

Selection outline stroke

selectionStroke: string;

Snap indicator line color

snap: string;

solid: string;

text: string;

violet: TLDefaultColor;

white: TLDefaultColor;

yellow: TLDefaultColor;