TLDefaultColorTheme • tldraw Docs

Complete color theme definition containing all colors and their variants for either light or dark mode. Includes base theme properties and all default colors with their respective color variants.

type TLDefaultColorTheme = Expand<
  {
    background: string;
    id: "dark" | "light";
    solid: string;
    text: string;
  } & Record<(typeof defaultColorNames)[number], TLDefaultColorThemeColor>
>;

Example

import { TLDefaultColorTheme } from '@tldraw/tlschema'

const customTheme: TLDefaultColorTheme = {
  id: 'light',
  text: '#000000',
  background: '#ffffff',
  solid: '#fcfffe',
  black: { solid: '#000000', semi: '#cccccc', ... },
  // ... other colors
}