TLDefaultColorThemeColor • tldraw Docs

Table of contents

fill
frameFill
frameHeadingFill
frameHeadingStroke
frameStroke
frameText
highlightP3
highlightSrgb
linedFill
noteFill
noteText
pattern
semi
solid
Properties

Defines the color variants available for each color in the default theme. Each color has multiple variants for different use cases like fills, strokes, patterns, and UI elements like frames and notes.

interface TLDefaultColorThemeColor {}

Example

import { TLDefaultColorThemeColor } from "@tldraw/tlschema";

const blueColor: TLDefaultColorThemeColor = {
  solid: "#4465e9",
  semi: "#dce1f8",
  pattern: "#6681ee",
  fill: "#4465e9",
  // ... other variants
};

Properties

fill

fill: string;

frameFill

frameFill: string;

frameHeadingFill

frameHeadingFill: string;

frameHeadingStroke

frameHeadingStroke: string;

frameStroke

frameStroke: string;

frameText

frameText: string;

highlightP3

highlightP3: string;

highlightSrgb

highlightSrgb: string;

linedFill

linedFill: string;

noteFill

noteFill: string;

noteText

noteText: string;

pattern

pattern: string;

semi

semi: string;

solid

solid: string;