Skip to content
Docs
Reference

Variable: THEMEABLE\_TOKENS

Variable: THEMEABLE\_TOKENS in @ticketlayer/live.

@ticketlayer/live


@ticketlayer/live / index / THEMEABLE_TOKENS

const THEMEABLE_TOKENS: (
  | "overlay"
  | "error"
  | "success"
  | "input"
  | "primary"
  | "primary-foreground"
  | "secondary"
  | "secondary-foreground"
  | "accent"
  | "accent-foreground"
  | "background"
  | "foreground"
  | "card"
  | "muted"
  | "muted-foreground"
  | "border"
  | "border-hover"
  | "ring"
  | "success-foreground"
  | "warning"
  | "warning-foreground"
  | "warning-bg"
  | "error-foreground"
  | "error-bg"
  | "info"
  | "info-foreground"
  | "info-bg"
  | "font-family"
  | "font-family-heading"
  | "font-weight-heading"
  | "font-family-mono"
  | "font-size-base"
  | "font-scale"
  | "font-size-2xs"
  | "font-size-xs"
  | "font-size-sm"
  | "font-size-md"
  | "font-size-lg"
  | "font-size-xl"
  | "font-size-2xl"
  | "font-size-3xl"
  | "radius-none"
  | "radius-sm"
  | "radius-md"
  | "radius-lg"
  | "radius-full"
  | "spacing-1"
  | "spacing-2"
  | "spacing-3"
  | "spacing-4"
  | "spacing-5"
  | "spacing-6"
  | "spacing-8"
  | "duration-fast"
  | "duration-normal"
  | "duration-slow"
  | "easing-standard"
  | "easing-emphasised"
  | "map-background"
  | "map-plate"
  | "map-section"
  | "map-section-outline"
  | "stage-fill"
  | "stage-edge"
  | "stage-label"
  | "map-label"
  | "map-pillar"
  | "map-pillar-edge"
  | "map-aisle"
  | "map-aisle-line"
  | "seat-available"
  | "seat-unavailable"
  | "seat-killed"
  | "seat-held"
  | "seat-comp"
  | "seat-allocated"
  | "seat-reserved"
  | "seat-selected"
  | "seat-selected-mark"
  | "seat-selected-ring"
  | "seat-hover-ring"
  | "map-pin"
  | "map-pin-border"
  | "map-pin-text"
  | "map-pin-active"
  | "map-pin-active-text"
  | "map-pin-shadow"
  | "seat-scale"
  | "seat-unavailable-scale"
  | "seat-min-radius"
  | "seat-hit-radius"
  | "seat-hover-ring-width"
  | "stage-radius"
  | "map-pin-height"
  | "map-label-size"
  | "map-pin-font-size")[];

Defined in: state/hostTheme.ts:50

The tokens a brand may set: the ones with a theme key.