TLDefaultColorThemeColor

See source code
Table of contents

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

noteFill

noteFill: string

noteText

noteText: string

pattern

pattern: string

semi

semi: string

solid

solid: string

Prev
TLCursor
Next
TLDocument