TL_CANVAS_UI_COLOR_TYPES • tldraw Docs

The colors used by tldraw's canvas UI system.

These are special color types used for canvas UI elements like selections, accents, and other interface components that overlay the drawing canvas. Unlike shape colors, these are semantic color types that adapt to the current theme.

TL_CANVAS_UI_COLOR_TYPES: Set<
  | 'accent'
  | 'black'
  | 'laser'
  | 'muted-1'
  | 'selection-fill'
  | 'selection-stroke'
  | 'white'
>

Example

// Check if a color is a canvas UI color
if (TL_CANVAS_UI_COLOR_TYPES.has('selection-stroke')) {
  console.log('This is a valid canvas UI color')
}