PitchKit
API Reference@pitchkit/coreVariables

pitchTokens

const pitchTokens: object;

Defined in: packages/core/src/theme/tokens.ts:7

CSS custom property names the renderer reads for theming (docs/architecture.md#theming-and-styling). This object exists purely for editor autocomplete and typo-safety when consumers set these variables in their own CSS — the values themselves always live in CSS, never here.

Type Declaration

avatarBall

readonly avatarBall: "--pitch-avatar-ball" = "--pitch-avatar-ball";

avatarBg

readonly avatarBg: "--pitch-avatar-bg" = "--pitch-avatar-bg";

avatarIcon

readonly avatarIcon: "--pitch-avatar-icon" = "--pitch-avatar-icon";

avatarIconHalo

readonly avatarIconHalo: "--pitch-avatar-icon-halo" = "--pitch-avatar-icon-halo";

avatarInitials

readonly avatarInitials: "--pitch-avatar-initials" = "--pitch-avatar-initials";

avatarMuted

readonly avatarMuted: "--pitch-avatar-muted" = "--pitch-avatar-muted";

avatarRing

readonly avatarRing: "--pitch-avatar-ring" = "--pitch-avatar-ring";

avatarSize

readonly avatarSize: "--pitch-avatar-size" = "--pitch-avatar-size";

avatarText

readonly avatarText: "--pitch-avatar-text" = "--pitch-avatar-text";

axis

readonly axis: "--pitch-axis" = "--pitch-axis";

cardRed

readonly cardRed: "--pitch-card-red" = "--pitch-card-red";

cardYellow

readonly cardYellow: "--pitch-card-yellow" = "--pitch-card-yellow";

chartAccent

readonly chartAccent: "--pitch-chart-accent" = "--pitch-chart-accent";

chartAccentText

readonly chartAccentText: "--pitch-chart-accent-text" = "--pitch-chart-accent-text";

chartMuted

readonly chartMuted: "--pitch-chart-muted" = "--pitch-chart-muted";

chartSurface

readonly chartSurface: "--pitch-chart-surface" = "--pitch-chart-surface";

chartText

readonly chartText: "--pitch-chart-text" = "--pitch-chart-text";

goalBackdrop

readonly goalBackdrop: "--pitch-goal-backdrop" = "--pitch-goal-backdrop";

goalFrame

readonly goalFrame: "--pitch-goal-frame" = "--pitch-goal-frame";

goalNet

readonly goalNet: "--pitch-goal-net" = "--pitch-goal-net";

grid

readonly grid: "--pitch-grid" = "--pitch-grid";

lines

readonly lines: "--pitch-lines" = "--pitch-lines";

lineWidth

readonly lineWidth: "--pitch-line-width" = "--pitch-line-width";

markerGoal

readonly markerGoal: "--pitch-marker-goal" = "--pitch-marker-goal";

markerMiss

readonly markerMiss: "--pitch-marker-miss" = "--pitch-marker-miss";

markerPrimary

readonly markerPrimary: "--pitch-marker-primary" = "--pitch-marker-primary";

series1

readonly series1: "--pitch-series-1" = "--pitch-series-1";

series2

readonly series2: "--pitch-series-2" = "--pitch-series-2";

series3

readonly series3: "--pitch-series-3" = "--pitch-series-3";

series4

readonly series4: "--pitch-series-4" = "--pitch-series-4";

series5

readonly series5: "--pitch-series-5" = "--pitch-series-5";

series6

readonly series6: "--pitch-series-6" = "--pitch-series-6";

stripe

readonly stripe: "--pitch-stripe" = "--pitch-stripe";

subArrow

readonly subArrow: "--pitch-sub-arrow" = "--pitch-sub-arrow";

subOff

readonly subOff: "--pitch-sub-off" = "--pitch-sub-off";

subOn

readonly subOn: "--pitch-sub-on" = "--pitch-sub-on";

surface

readonly surface: "--pitch-surface" = "--pitch-surface";

tooltipBg

readonly tooltipBg: "--pitch-tooltip-bg" = "--pitch-tooltip-bg";

tooltipColor

readonly tooltipColor: "--pitch-tooltip-color" = "--pitch-tooltip-color";

On this page