81 names. The theme picked above gives each one its value; a family that changed one would change it everywhere at once.
Core
background
foreground
surface
surface-elevated
surface-muted
surface-sunken
border
border-strong
muted-foreground
primary
primary-foreground
accent
accent-foreground
danger
danger-foreground
warning
success
success-foreground
done
link
link-hover
focus-ring
focus-selection-background
focus-selection-foreground
Document
markdown-background
markdown-foreground
markdown-heading
markdown-heading-2
markdown-heading-3
markdown-heading-4
markdown-heading-5
markdown-heading-6
markdown-rule
markdown-link
markdown-blockquote-border
markdown-blockquote-foreground
markdown-alert-note
markdown-alert-tip
markdown-alert-important
markdown-alert-warning
markdown-alert-caution
markdown-badge-background
markdown-badge-foreground
markdown-table-border
markdown-table-header-background
markdown-thematic-break
markdown-math-inline-background
markdown-keyboard-background
markdown-keyboard-border
Code
editor-inline-code-background
editor-inline-code-foreground
editor-code-background
editor-code-foreground
editor-code-border
editor-code-selection-background
editor-code-selection-foreground
Syntax
syntax-background
syntax-foreground
syntax-comment
syntax-keyword
syntax-string
syntax-number
syntax-function
syntax-variable
syntax-type
syntax-operator
syntax-punctuation
syntax-inserted
syntax-inserted-background
syntax-deleted
syntax-deleted-background
syntax-changed
syntax-changed-background
Navigation
navigation-button-hover-background
navigation-button-disabled-background
navigation-button-disabled-foreground
navigation-recent-border
navigation-recent-item-foreground
navigation-recent-item-hover-foreground
Minimap
minimap-viewport-border
minimap-viewport-background
158 values that are the same whatever theme is on: the spacing, the type scale, the corners, how long things take.
Corners
lt-radius-xs2px
lt-radius-sm4px
lt-radius-md6px
lt-radius-lg8px
lt-radius-xl10px
lt-radius-2xl14px
lt-radius-pill999px
lt-radius-full50%
Document type
type-basemax(0.875rem, calc(1rem + (100vw - 1280px) / 140))
type-measure-body75ch
type-spacingcalc(var(--type-base) * 1.5)
type-spacing-smvar(--type-base)
type-body-sizeAgvar(--type-base)
type-display-sizeAgcalc(var(--type-base) * 3.2)
type-h1-sizeAgcalc(var(--type-base) * 2.2)
type-h2-sizeAgcalc(var(--type-base) * 2)
type-h3-sizeAgcalc(var(--type-base) * 1.8)
type-h4-sizeAgcalc(var(--type-base) * 1.6)
type-h5-sizeAgcalc(var(--type-base) * 1.4)
type-h6-sizeAgcalc(var(--type-base) * 1.2)
type-caption-sizeAgcalc(var(--type-base) * 0.8125)
type-display-lineTwo lines of it, so the gap shows1.2
type-h1-lineTwo lines of it, so the gap shows1.25
type-h2-lineTwo lines of it, so the gap shows1.25
type-h3-lineTwo lines of it, so the gap shows1.25
type-h4-lineTwo lines of it, so the gap shows1.25
type-body-lineTwo lines of it, so the gap shows1.6
type-caption-lineTwo lines of it, so the gap shows1.6
type-display-weightAg900
type-h1-weightAg850
type-h2-weightAg800
type-h3-weightAg750
type-h4-weightAg700
type-h5-weightAg650
type-h6-weightAg600
Interface text
lt-text-9Ag9px
lt-text-10Ag10px
lt-text-10-5Ag10.5px
lt-text-11Ag11px
lt-text-11-5Ag11.5px
lt-text-12Ag12px
lt-text-12-5Ag12.5px
lt-text-13Ag13px
lt-text-14Ag14px
lt-text-15Ag15px
lt-text-18Ag18px
Interface weight
lt-weight-400Ag400
lt-weight-500Ag500
lt-weight-600Ag600
lt-weight-700Ag700
lt-weight-800Ag800
Stroke
lt-stroke-11px
lt-stroke-1-51.5px
lt-stroke-22px
lt-stroke-33px
lt-stroke-44px
lt-stroke-66px
Line height
lt-leading-1Two lines of it, so the gap shows1
lt-leading-1-2Two lines of it, so the gap shows1.2
lt-leading-1-3Two lines of it, so the gap shows1.3
lt-leading-1-35Two lines of it, so the gap shows1.35
lt-leading-1-4Two lines of it, so the gap shows1.4
lt-leading-1-45Two lines of it, so the gap shows1.45
lt-leading-1-5Two lines of it, so the gap shows1.5
lt-leading-1-55Two lines of it, so the gap shows1.55
Letter spacing
lt-tracking-020Spacing0.02em
lt-tracking-040Spacing0.04em
lt-tracking-060Spacing0.06em
lt-tracking-120Spacing0.12em
lt-tracking-tight-005Spacing-0.005em
lt-tracking-tight-01Spacing-0.01em
Opacity
lt-opacity-350.35
lt-opacity-380.38
lt-opacity-400.4
lt-opacity-450.45
lt-opacity-460.46
lt-opacity-500.5
lt-opacity-550.55
lt-opacity-600.6
lt-opacity-750.75
lt-opacity-780.78
lt-opacity-850.85
lt-opacity-920.92
Spacing
lt-space-11px
lt-space-22px
lt-space-33px
lt-space-44px
lt-space-55px
lt-space-66px
lt-space-77px
lt-space-88px
lt-space-99px
lt-space-1010px
lt-space-1111px
lt-space-1212px
lt-space-1313px
lt-space-1414px
lt-space-1616px
lt-space-1818px
lt-space-2020px
lt-space-2222px
lt-space-2424px
lt-space-2626px
lt-space-2828px
lt-space-3232px
lt-space-5454px
Duration
lt-duration-100100ms
lt-duration-120120ms
lt-duration-140140ms
lt-duration-150150ms
lt-duration-160160ms
lt-duration-200200ms
lt-duration-220220ms
lt-duration-260260ms
lt-duration-300300ms
lt-duration-700700ms
lt-duration-800800ms
lt-duration-11001100ms
lt-duration-12501250ms
lt-duration-16001600ms
lt-duration-24002400ms
Easing
lt-easeease
lt-ease-linearlinear
lt-ease-in-outease-in-out
lt-ease-sheetcubic-bezier(0.32, 0.72, 0, 1)
Layers
lt-z-below-1
lt-z-2020
lt-z-3030
lt-z-4040
lt-z-4141
lt-z-4242
lt-z-4343
lt-z-5050
lt-z-5151
lt-z-6060
Strokes, rings and one recess
lt-shadow-raised0 1px 3px rgba(0, 0, 0, 0.18)
lt-shadow-insetinset 0 1px 2px rgba(0, 0, 0, 0.35)
lt-shadow-hairlineinset 0 0 0 1px color-mix(in srgb, var(--lt-foreground) 12%, transparent)
lt-shadow-hairline-stronginset 0 0 0 1px color-mix(in srgb, var(--lt-foreground) 26%, transparent)
lt-shadow-focus0 0 0 2px color-mix(in srgb, var(--lt-link) 30%, transparent)
lt-shadow-ring0 0 0 2px var(--lt-surface)
Grain
lt-grain-lightrgba(0, 0, 0, 0.1)
lt-grain-heavyrgba(0, 0, 0, 0.3)
lt-grain-darkrgba(0, 0, 0, 0.35)
lt-grain-dark-heavyrgba(0, 0, 0, 0.72)
lt-grain-liftrgba(255, 255, 255, 0.07)
Fixed colors
lt-mask-opaque#000
lt-white#ffffff
lt-window-close#e81123
lt-window-close-foreground#ffffff
lt-checkbox-accent#6e7681
Fixed tints
lt-tint-recessrgba(0, 0, 0, 0.16)
lt-tint-backdroprgba(0, 0, 0, 0.45)
lt-tint-rowrgba(110, 118, 129, 0.08)
lt-grain-dot-strongrgba(0, 0, 0, 0.55)
Inset edges
lt-shadow-edge-stronginset 0 0 0 1px var(--lt-border-strong)
lt-shadow-edge-accentinset 0 0 0 2px var(--lt-accent)
lt-shadow-edge-linkinset 0 0 0 1px var(--lt-link)