@mocanvas/editor · type
type TLThemeUiColorKeys =
/** Default text colour. */
"text"
/** The canvas behind everything; also the background of an SVG export. */
| "background"
/** Areas that cut through to the background: frame heading knockouts, text outlines. */
| "negativeSpace"
/** Default solid surface colour. */
| "solid"
/** The local pointer. */
| "cursor"
/** Border of a note shape. */
| "noteBorder"
/** Outline of the selection box. */
| "selectionStroke"
/** Interior of the selection box. */
| "selectionFill"
/** Indicators drawn on top of a selected shape, which must contrast with it. */
| "selectedContrast"
/** Outline of the selection-brush rectangle. */
| "brushStroke"
/** Interior of the selection-brush rectangle. */
| "brushFill"
/** Snap guides. */
| "snap"
/** The laser pointer trail. */
| "laser"The colours in a ramp that belong to the *surface* rather than to any shape.
Every theme has to answer all of them, because they are what the canvas
itself is drawn with — a theme that left selectionStroke undefined would
render an invisible selection box. They are named separately from the palette
because they are not colours a person can pick for a shape: nothing has
color: "brushFill".
mocanvas is built by Symbio. Free for non-commercial, non-profit and development use; commercial use needs an agreement. Not affiliated with or endorsed by tldraw.