Tokens
314 public tokens, read from the compiled build. Colours change with the theme.
badge
| Token | Value |
|---|---|
--tcp-badge-height | 1.5rem |
--tcp-badge-padding-x | 0.5rem |
--tcp-badge-radius | 0px |
border
| Token | Value |
|---|---|
--tcp-border-hairline | 1px |
--tcp-border-offset-inner | -2px |
--tcp-border-offset-outer | 2px |
--tcp-border-ring | 2px |
--tcp-border-ring-offset | 2px |
--tcp-border-style-solid | solid |
--tcp-border-width-hairline | 1px |
--tcp-border-width-ring | 2px |
--tcp-border-width-thick | 2px |
breakpoint
| Token | Value |
|---|---|
--tcp-breakpoint-lg | 1024px |
--tcp-breakpoint-md | 768px |
--tcp-breakpoint-sm | 640px |
--tcp-breakpoint-xl | 1440px |
button
| Token | Value |
|---|---|
--tcp-button-danger-bg | oklch(0.57 0.214 25) |
--tcp-button-danger-bg-hover | oklch(0.485 0.199 25) |
--tcp-button-danger-fg | oklch(0.99 0.001 250) |
--tcp-button-gap | 0.5rem |
--tcp-button-ghost-bg | transparent |
--tcp-button-ghost-bg-active | oklch(0.88 0.005 250) |
--tcp-button-ghost-bg-hover | oklch(0.95 0.003 250) |
--tcp-button-ghost-fg | oklch(0.42 0.009 250) |
--tcp-button-height-lg | 2.5rem |
--tcp-button-height-md | 2rem |
--tcp-button-height-sm | 1.5rem |
--tcp-button-padding-x | 0.75rem |
--tcp-button-primary-bg | oklch(0.555 0.194 255) |
--tcp-button-primary-bg-active | oklch(0.3 0.095 255) |
--tcp-button-primary-bg-hover | oklch(0.47 0.181 255) |
--tcp-button-primary-fg | oklch(0.99 0.001 250) |
--tcp-button-radius | 0px |
--tcp-button-secondary-bg | oklch(0.99 0.001 250) |
--tcp-button-secondary-bg-active | oklch(0.88 0.005 250) |
--tcp-button-secondary-bg-hover | oklch(0.95 0.003 250) |
--tcp-button-secondary-border | oklch(0 0 0/0.14) |
--tcp-button-secondary-border-hover | oklch(0.8 0.006 250) |
--tcp-button-secondary-fg | oklch(0.13 0.007 250) |
chart
| Token | Value |
|---|---|
--tcp-chart-axis | oklch(0 0 0/0.14) |
--tcp-chart-cat-1 | oklch(0.532 0.131 244.05) |
--tcp-chart-cat-2 | oklch(0.653 0.158 76.768) |
--tcp-chart-cat-3 | oklch(0.62 0.13 165.459) |
--tcp-chart-cat-4 | oklch(0.664 0.118 346.324) |
--tcp-chart-cat-5 | oklch(0.645 0.117 236.177) |
--tcp-chart-cat-6 | oklch(0.621 0.17 47.515) |
--tcp-chart-cat-7 | oklch(0.647 0.172 105.04) |
--tcp-chart-cat-8 | oklch(0.649 0.015 262.359) |
--tcp-chart-div-1 | oklch(0.45 0.16 255) |
--tcp-chart-div-10 | oklch(0.55 0.131 55) |
--tcp-chart-div-11 | oklch(0.45 0.16 55) |
--tcp-chart-div-2 | oklch(0.55 0.131 255) |
--tcp-chart-div-3 | oklch(0.65 0.101 255) |
--tcp-chart-div-4 | oklch(0.75 0.07 255) |
--tcp-chart-div-5 | oklch(0.85 0.038 255) |
--tcp-chart-div-6 | oklch(0.95 0 55) |
--tcp-chart-div-7 | oklch(0.85 0.038 55) |
--tcp-chart-div-8 | oklch(0.75 0.07 55) |
--tcp-chart-div-9 | oklch(0.65 0.101 55) |
--tcp-chart-grid | oklch(0 0 0/0.08) |
--tcp-chart-label | oklch(0.52 0.009 250) |
--tcp-chart-other | oklch(0.63 0.008 250) |
--tcp-chart-seq-1 | oklch(0.965 0.02 255) |
--tcp-chart-seq-2 | oklch(0.888 0.061 255) |
--tcp-chart-seq-3 | oklch(0.81 0.1 255) |
--tcp-chart-seq-4 | oklch(0.732 0.134 255) |
--tcp-chart-seq-5 | oklch(0.655 0.161 255) |
--tcp-chart-seq-6 | oklch(0.577 0.18 255) |
--tcp-chart-seq-7 | oklch(0.5 0.189 255) |
--tcp-chart-seq-8 | oklch(0.423 0.19 255) |
--tcp-chart-seq-9 | oklch(0.345 0.19 255) |
color
| Token | Value | Preview |
|---|---|---|
--tcp-color-accent-action | oklch(0.555 0.194 255) | |
--tcp-color-accent-action-active | oklch(0.3 0.095 255) | |
--tcp-color-accent-action-hover | oklch(0.47 0.181 255) | |
--tcp-color-accent-focus | oklch(0.62 0.19 255) | |
--tcp-color-accent-on-action | oklch(0.99 0.001 250) | |
--tcp-color-accent-solid | oklch(0.62 0.19 255) | |
--tcp-color-accent-text | oklch(0.47 0.181 255) | |
--tcp-color-accent-text-hover | oklch(0.3 0.095 255) | |
--tcp-color-accent-tint | oklch(0.922 0.038 255) | |
--tcp-color-accent-tint-active | oklch(0.84 0.076 255) | |
--tcp-color-accent-tint-border | oklch(0.796 0.099 255) | |
--tcp-color-accent-tint-hover | oklch(0.881 0.057 255) | |
--tcp-color-bg-active | oklch(0.88 0.005 250) | |
--tcp-color-bg-canvas | oklch(0.99 0.001 250) | |
--tcp-color-bg-hover | oklch(0.95 0.003 250) | |
--tcp-color-bg-inset | oklch(0.99 0.001 250) | |
--tcp-color-bg-inverse | oklch(0.2 0.008 250) | |
--tcp-color-bg-panel | oklch(0.975 0.002 250) | |
--tcp-color-bg-raised | oklch(0.99 0.001 250) | |
--tcp-color-bg-scrim | oklch(0 0 0/0.4) | |
--tcp-color-bg-selected | oklch(0.92 0.004 250) | |
--tcp-color-border-control | oklch(0.63 0.008 250) | |
--tcp-color-border-default | oklch(0 0 0/0.14) | |
--tcp-color-border-focus | oklch(0.62 0.19 255) | |
--tcp-color-border-strong | oklch(0.8 0.006 250) | |
--tcp-color-border-subtle | oklch(0 0 0/0.08) | |
--tcp-color-danger-action | oklch(0.57 0.214 25) | |
--tcp-color-danger-action-active | oklch(0.315 0.105 25) | |
--tcp-color-danger-action-hover | oklch(0.485 0.199 25) | |
--tcp-color-danger-bg | oklch(0.922 0.042 25) | |
--tcp-color-danger-bg-hover | oklch(0.881 0.063 25) | |
--tcp-color-danger-border | oklch(0.796 0.109 25) | |
--tcp-color-danger-fg | oklch(0.485 0.199 25) | |
--tcp-color-danger-on-action | oklch(0.99 0.001 250) | |
--tcp-color-danger-solid | oklch(0.62 0.21 25) | |
--tcp-color-fg-disabled | oklch(0.63 0.008 250) | |
--tcp-color-fg-inverse | oklch(0.99 0.001 250) | |
--tcp-color-fg-link | oklch(0.47 0.181 255) | |
--tcp-color-fg-link-hover | oklch(0.3 0.095 255) | |
--tcp-color-fg-muted | oklch(0.52 0.009 250) | |
--tcp-color-fg-primary | oklch(0.13 0.007 250) | |
--tcp-color-fg-secondary | oklch(0.42 0.009 250) | |
--tcp-color-info-action | oklch(0.545 0.122 225) | |
--tcp-color-info-action-hover | oklch(0.465 0.114 225) | |
--tcp-color-info-bg | oklch(0.926 0.024 225) | |
--tcp-color-info-bg-hover | oklch(0.888 0.036 225) | |
--tcp-color-info-border | oklch(0.808 0.062 225) | |
--tcp-color-info-fg | oklch(0.465 0.114 225) | |
--tcp-color-info-on-action | oklch(0.99 0.001 250) | |
--tcp-color-info-solid | oklch(0.64 0.12 225) | |
--tcp-color-neutral-bg | oklch(0.95 0.003 250) | |
--tcp-color-neutral-border | oklch(0.8 0.006 250) | |
--tcp-color-neutral-fg | oklch(0.42 0.009 250) | |
--tcp-color-ok-action | oklch(0.535 0.173 150) | |
--tcp-color-ok-action-hover | oklch(0.46 0.162 150) | |
--tcp-color-ok-bg | oklch(0.924 0.034 150) | |
--tcp-color-ok-bg-hover | oklch(0.884 0.051 150) | |
--tcp-color-ok-border | oklch(0.802 0.088 150) | |
--tcp-color-ok-fg | oklch(0.46 0.162 150) | |
--tcp-color-ok-on-action | oklch(0.99 0.001 250) | |
--tcp-color-ok-solid | oklch(0.63 0.17 150) | |
--tcp-color-selection-bg | oklch(0.881 0.057 255) | |
--tcp-color-shadow-ambient | oklch(0 0 0/0.08) | |
--tcp-color-shadow-key | oklch(0 0 0/0.12) | |
--tcp-color-warn-action | oklch(0.78 0.16 80) | |
--tcp-color-warn-action-hover | oklch(0.73 0.163 80) | |
--tcp-color-warn-bg | oklch(0.954 0.032 80) | |
--tcp-color-warn-bg-hover | oklch(0.934 0.048 80) | |
--tcp-color-warn-border | oklch(0.892 0.083 80) | |
--tcp-color-warn-fg | oklch(0.505 0.152 80) | |
--tcp-color-warn-on-action | oklch(0.13 0.007 250) | |
--tcp-color-warn-solid | oklch(0.78 0.16 80) |
font
| Token | Value |
|---|---|
--tcp-font-family-mono | "Geist Mono","Geist Mono Fallback",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace |
--tcp-font-family-sans | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-font-line-height-2xl | 1.333 |
--tcp-font-line-height-3xl | 1.25 |
--tcp-font-line-height-4xl | 1.167 |
--tcp-font-line-height-5xl | 1 |
--tcp-font-line-height-lg | 1.5 |
--tcp-font-line-height-md | 1.429 |
--tcp-font-line-height-prose | 1.625 |
--tcp-font-line-height-sm | 1.538 |
--tcp-font-line-height-xl | 1.4 |
--tcp-font-line-height-xs | 1.333 |
--tcp-font-size-2xl | 1.5rem |
--tcp-font-size-3xl | 2rem |
--tcp-font-size-4xl | 3rem |
--tcp-font-size-5xl | 5.5rem |
--tcp-font-size-lg | 1rem |
--tcp-font-size-md | 0.875rem |
--tcp-font-size-sm | 0.8125rem |
--tcp-font-size-xl | 1.25rem |
--tcp-font-size-xs | 0.75rem |
--tcp-font-tracking-body | -0.006 |
--tcp-font-tracking-caps | 0.04 |
--tcp-font-tracking-normal | 0 |
--tcp-font-tracking-tight1 | -0.01 |
--tcp-font-tracking-tight2 | -0.02 |
--tcp-font-tracking-tight3 | -0.03 |
--tcp-font-tracking-tight4 | -0.04 |
--tcp-font-weight-medium | 500 |
--tcp-font-weight-regular | 400 |
--tcp-font-weight-semibold | 600 |
input
| Token | Value |
|---|---|
--tcp-input-color-bg | oklch(0.99 0.001 250) |
--tcp-input-color-border | oklch(0.63 0.008 250) |
--tcp-input-color-border-focus | oklch(0.62 0.19 255) |
--tcp-input-color-border-hover | oklch(0.52 0.009 250) |
--tcp-input-color-border-invalid | oklch(0.485 0.199 25) |
--tcp-input-color-fg | oklch(0.13 0.007 250) |
--tcp-input-color-placeholder | oklch(0.52 0.009 250) |
--tcp-input-height | 2rem |
--tcp-input-padding-x | 0.75rem |
--tcp-input-radius | 0px |
motion
| Token | Value |
|---|---|
--tcp-motion-duration-base | 120ms |
--tcp-motion-duration-fast | 80ms |
--tcp-motion-duration-instant | 0ms |
--tcp-motion-duration-moderate | 180ms |
--tcp-motion-duration-slow | 260ms |
--tcp-motion-easing-enter | cubic-bezier(0.16,1,0.3,1) |
--tcp-motion-easing-exit | cubic-bezier(0.4,0,1,1) |
--tcp-motion-easing-standard | cubic-bezier(0.4,0,0.2,1) |
--tcp-motion-enter | 180ms |
--tcp-motion-exit | 120ms |
--tcp-motion-fade | 80ms |
--tcp-motion-feedback-delay | 150ms |
--tcp-motion-feedback-min | 400ms |
--tcp-motion-hover | 80ms |
--tcp-motion-layout | 260ms |
palette
| Token | Value |
|---|---|
--tcp-palette-accent-dark-1 | oklch(0.16 0.008 255) |
--tcp-palette-accent-dark-10 | oklch(0.76 0.144 255) |
--tcp-palette-accent-dark-11 | oklch(0.76 0.105 255) |
--tcp-palette-accent-dark-12 | oklch(0.84 0.045 255) |
--tcp-palette-accent-dark-2 | oklch(0.198 0.017 255) |
--tcp-palette-accent-dark-3 | oklch(0.256 0.033 255) |
--tcp-palette-accent-dark-4 | oklch(0.318 0.05 255) |
--tcp-palette-accent-dark-5 | oklch(0.381 0.066 255) |
--tcp-palette-accent-dark-6 | oklch(0.448 0.086 255) |
--tcp-palette-accent-dark-7 | oklch(0.534 0.116 255) |
--tcp-palette-accent-dark-8 | oklch(0.64 0.149 255) |
--tcp-palette-accent-dark-9 | oklch(0.72 0.15 255) |
--tcp-palette-accent-1 | oklch(0.985 0.01 255) |
--tcp-palette-accent-10 | oklch(0.555 0.194 255) |
--tcp-palette-accent-11 | oklch(0.47 0.181 255) |
--tcp-palette-accent-12 | oklch(0.3 0.095 255) |
--tcp-palette-accent-2 | oklch(0.96 0.019 255) |
--tcp-palette-accent-3 | oklch(0.922 0.038 255) |
--tcp-palette-accent-4 | oklch(0.881 0.057 255) |
--tcp-palette-accent-5 | oklch(0.84 0.076 255) |
--tcp-palette-accent-6 | oklch(0.796 0.099 255) |
--tcp-palette-accent-7 | oklch(0.739 0.133 255) |
--tcp-palette-accent-8 | oklch(0.67 0.171 255) |
--tcp-palette-accent-9 | oklch(0.62 0.19 255) |
--tcp-palette-black | oklch(0 0 0) |
--tcp-palette-danger-dark-1 | oklch(0.16 0.01 25) |
--tcp-palette-danger-dark-10 | oklch(0.74 0.173 25) |
--tcp-palette-danger-dark-11 | oklch(0.74 0.126 25) |
--tcp-palette-danger-dark-12 | oklch(0.82 0.054 25) |
--tcp-palette-danger-dark-2 | oklch(0.197 0.02 25) |
--tcp-palette-danger-dark-3 | oklch(0.252 0.04 25) |
--tcp-palette-danger-dark-4 | oklch(0.312 0.059 25) |
--tcp-palette-danger-dark-5 | oklch(0.372 0.079 25) |
--tcp-palette-danger-dark-6 | oklch(0.436 0.103 25) |
--tcp-palette-danger-dark-7 | oklch(0.519 0.139 25) |
--tcp-palette-danger-dark-8 | oklch(0.62 0.178 25) |
--tcp-palette-danger-dark-9 | oklch(0.7 0.18 25) |
--tcp-palette-danger-1 | oklch(0.985 0.011 25) |
--tcp-palette-danger-10 | oklch(0.57 0.214 25) |
--tcp-palette-danger-11 | oklch(0.485 0.199 25) |
--tcp-palette-danger-12 | oklch(0.315 0.105 25) |
--tcp-palette-danger-2 | oklch(0.96 0.021 25) |
--tcp-palette-danger-3 | oklch(0.922 0.042 25) |
--tcp-palette-danger-4 | oklch(0.881 0.063 25) |
--tcp-palette-danger-5 | oklch(0.84 0.084 25) |
--tcp-palette-danger-6 | oklch(0.796 0.109 25) |
--tcp-palette-danger-7 | oklch(0.739 0.147 25) |
--tcp-palette-danger-8 | oklch(0.67 0.189 25) |
--tcp-palette-danger-9 | oklch(0.62 0.21 25) |
--tcp-palette-gray-dark-1 | oklch(0.125 0.006 250) |
--tcp-palette-gray-dark-10 | oklch(0.74 0.008 250) |
--tcp-palette-gray-dark-11 | oklch(0.86 0.006 250) |
--tcp-palette-gray-dark-12 | oklch(0.96 0.003 250) |
--tcp-palette-gray-dark-2 | oklch(0.15 0.007 250) |
--tcp-palette-gray-dark-3 | oklch(0.18 0.008 250) |
--tcp-palette-gray-dark-4 | oklch(0.215 0.009 250) |
--tcp-palette-gray-dark-5 | oklch(0.25 0.01 250) |
--tcp-palette-gray-dark-6 | oklch(0.31 0.01 250) |
--tcp-palette-gray-dark-7 | oklch(0.5 0.01 250) |
--tcp-palette-gray-dark-8 | oklch(0.58 0.01 250) |
--tcp-palette-gray-dark-9 | oklch(0.66 0.009 250) |
--tcp-palette-gray-1 | oklch(0.99 0.001 250) |
--tcp-palette-gray-10 | oklch(0.3 0.009 250) |
--tcp-palette-gray-11 | oklch(0.2 0.008 250) |
--tcp-palette-gray-12 | oklch(0.13 0.007 250) |
--tcp-palette-gray-2 | oklch(0.975 0.002 250) |
--tcp-palette-gray-3 | oklch(0.95 0.003 250) |
--tcp-palette-gray-4 | oklch(0.92 0.004 250) |
--tcp-palette-gray-5 | oklch(0.88 0.005 250) |
--tcp-palette-gray-6 | oklch(0.8 0.006 250) |
--tcp-palette-gray-7 | oklch(0.63 0.008 250) |
--tcp-palette-gray-8 | oklch(0.52 0.009 250) |
--tcp-palette-gray-9 | oklch(0.42 0.009 250) |
--tcp-palette-info-dark-1 | oklch(0.16 0.006 225) |
--tcp-palette-info-dark-10 | oklch(0.79 0.106 225) |
--tcp-palette-info-dark-11 | oklch(0.79 0.077 225) |
--tcp-palette-info-dark-12 | oklch(0.87 0.033 225) |
--tcp-palette-info-dark-2 | oklch(0.201 0.012 225) |
--tcp-palette-info-dark-3 | oklch(0.262 0.024 225) |
--tcp-palette-info-dark-4 | oklch(0.328 0.036 225) |
--tcp-palette-info-dark-5 | oklch(0.395 0.048 225) |
--tcp-palette-info-dark-6 | oklch(0.466 0.063 225) |
--tcp-palette-info-dark-7 | oklch(0.558 0.085 225) |
--tcp-palette-info-dark-8 | oklch(0.67 0.109 225) |
--tcp-palette-info-dark-9 | oklch(0.75 0.11 225) |
--tcp-palette-info-1 | oklch(0.985 0.006 225) |
--tcp-palette-info-10 | oklch(0.545 0.122 225) |
--tcp-palette-info-11 | oklch(0.465 0.114 225) |
--tcp-palette-info-12 | oklch(0.295 0.06 225) |
--tcp-palette-info-2 | oklch(0.961 0.012 225) |
--tcp-palette-info-3 | oklch(0.926 0.024 225) |
--tcp-palette-info-4 | oklch(0.888 0.036 225) |
--tcp-palette-info-5 | oklch(0.849 0.048 225) |
--tcp-palette-info-6 | oklch(0.808 0.062 225) |
--tcp-palette-info-7 | oklch(0.755 0.084 225) |
--tcp-palette-info-8 | oklch(0.69 0.108 225) |
--tcp-palette-info-9 | oklch(0.64 0.12 225) |
--tcp-palette-ok-dark-1 | oklch(0.16 0.009 150) |
--tcp-palette-ok-dark-10 | oklch(0.79 0.154 150) |
--tcp-palette-ok-dark-11 | oklch(0.79 0.112 150) |
--tcp-palette-ok-dark-12 | oklch(0.87 0.048 150) |
--tcp-palette-ok-dark-2 | oklch(0.201 0.018 150) |
--tcp-palette-ok-dark-3 | oklch(0.262 0.035 150) |
--tcp-palette-ok-dark-4 | oklch(0.328 0.053 150) |
--tcp-palette-ok-dark-5 | oklch(0.395 0.07 150) |
--tcp-palette-ok-dark-6 | oklch(0.466 0.092 150) |
--tcp-palette-ok-dark-7 | oklch(0.558 0.123 150) |
--tcp-palette-ok-dark-8 | oklch(0.67 0.158 150) |
--tcp-palette-ok-dark-9 | oklch(0.75 0.16 150) |
--tcp-palette-ok-1 | oklch(0.985 0.009 150) |
--tcp-palette-ok-10 | oklch(0.535 0.173 150) |
--tcp-palette-ok-11 | oklch(0.46 0.162 150) |
--tcp-palette-ok-12 | oklch(0.29 0.085 150) |
--tcp-palette-ok-2 | oklch(0.961 0.017 150) |
--tcp-palette-ok-3 | oklch(0.924 0.034 150) |
--tcp-palette-ok-4 | oklch(0.884 0.051 150) |
--tcp-palette-ok-5 | oklch(0.845 0.068 150) |
--tcp-palette-ok-6 | oklch(0.802 0.088 150) |
--tcp-palette-ok-7 | oklch(0.747 0.119 150) |
--tcp-palette-ok-8 | oklch(0.68 0.153 150) |
--tcp-palette-ok-9 | oklch(0.63 0.17 150) |
--tcp-palette-warn-dark-1 | oklch(0.16 0.008 80) |
--tcp-palette-warn-dark-10 | oklch(0.86 0.144 80) |
--tcp-palette-warn-dark-11 | oklch(0.86 0.105 80) |
--tcp-palette-warn-dark-12 | oklch(0.94 0.045 80) |
--tcp-palette-warn-dark-2 | oklch(0.206 0.017 80) |
--tcp-palette-warn-dark-3 | oklch(0.276 0.033 80) |
--tcp-palette-warn-dark-4 | oklch(0.351 0.05 80) |
--tcp-palette-warn-dark-5 | oklch(0.427 0.066 80) |
--tcp-palette-warn-dark-6 | oklch(0.508 0.086 80) |
--tcp-palette-warn-dark-7 | oklch(0.612 0.116 80) |
--tcp-palette-warn-dark-8 | oklch(0.74 0.149 80) |
--tcp-palette-warn-dark-9 | oklch(0.82 0.15 80) |
--tcp-palette-warn-1 | oklch(0.985 0.008 80) |
--tcp-palette-warn-10 | oklch(0.73 0.163 80) |
--tcp-palette-warn-11 | oklch(0.505 0.152 80) |
--tcp-palette-warn-12 | oklch(0.335 0.08 80) |
--tcp-palette-warn-2 | oklch(0.973 0.016 80) |
--tcp-palette-warn-3 | oklch(0.954 0.032 80) |
--tcp-palette-warn-4 | oklch(0.934 0.048 80) |
--tcp-palette-warn-5 | oklch(0.914 0.064 80) |
--tcp-palette-warn-6 | oklch(0.892 0.083 80) |
--tcp-palette-warn-7 | oklch(0.864 0.112 80) |
--tcp-palette-warn-8 | oklch(0.83 0.144 80) |
--tcp-palette-warn-9 | oklch(0.78 0.16 80) |
--tcp-palette-white | oklch(1 0 0) |
radius
| Token | Value |
|---|---|
--tcp-radius-0 | 0px |
--tcp-radius-1 | 2px |
--tcp-radius-2 | 4px |
--tcp-radius-3 | 6px |
--tcp-radius-control | 0px |
--tcp-radius-dot | 9999px |
--tcp-radius-full | 9999px |
--tcp-radius-overlay | 0px |
--tcp-radius-structure | 0px |
shadow
| Token | Value |
|---|---|
--tcp-shadow-dialog | 0px 0px 0px 1px oklch(0 0 0/0.14),0px 8px 16px -4px oklch(0 0 0/0.08),0px 24px 32px -8px oklch(0 0 0/0.12) |
--tcp-shadow-hairline | 0px 0px 0px 1px oklch(0 0 0/0.08) |
--tcp-shadow-menu | 0px 0px 0px 1px oklch(0 0 0/0.14),0px 4px 8px -2px oklch(0 0 0/0.08),0px 12px 16px -4px oklch(0 0 0/0.12) |
--tcp-shadow-toast | 0px 0px 0px 1px oklch(0 0 0/0.14),0px 8px 16px -4px oklch(0 0 0/0.08) |
size
| Token | Value |
|---|---|
--tcp-size-control-lg | 2.5rem |
--tcp-size-control-md | 2rem |
--tcp-size-control-sm | 1.5rem |
--tcp-size-icon-lg | 1.5rem |
--tcp-size-icon-md | 1.25rem |
--tcp-size-icon-sm | 1rem |
--tcp-size-icon-xs | 0.75rem |
--tcp-size-measure-dialog-lg | 45rem |
--tcp-size-measure-dialog-md | 35rem |
--tcp-size-measure-dialog-sm | 25rem |
--tcp-size-measure-drawer | 30rem |
--tcp-size-measure-form | 60rem |
--tcp-size-measure-lead | 36rem |
--tcp-size-measure-page | 90rem |
--tcp-size-measure-prose | 40rem |
--tcp-size-measure-rail | 16rem |
--tcp-size-measure-rail-collapsed | 3rem |
--tcp-size-measure-tile | 16rem |
--tcp-size-measure-tile-sm | 11rem |
--tcp-size-measure-toc | 14rem |
--tcp-size-measure-topbar | 3rem |
--tcp-size-row | 2.5rem |
--tcp-size-step-20 | 1.25rem |
--tcp-size-step-24 | 1.5rem |
--tcp-size-step-28 | 1.75rem |
--tcp-size-step-32 | 2rem |
--tcp-size-step-36 | 2.25rem |
--tcp-size-step-40 | 2.5rem |
--tcp-size-step-44 | 2.75rem |
--tcp-size-step-48 | 3rem |
--tcp-size-step-56 | 3.5rem |
--tcp-size-step-64 | 4rem |
--tcp-size-target-min | 1.5rem |
space
| Token | Value |
|---|---|
--tcp-space-0 | 0rem |
--tcp-space-0-5 | 0.125rem |
--tcp-space-1 | 0.25rem |
--tcp-space-1-5 | 0.375rem |
--tcp-space-10 | 2.5rem |
--tcp-space-12 | 3rem |
--tcp-space-16 | 4rem |
--tcp-space-2 | 0.5rem |
--tcp-space-20 | 5rem |
--tcp-space-24 | 6rem |
--tcp-space-3 | 0.75rem |
--tcp-space-4 | 1rem |
--tcp-space-5 | 1.25rem |
--tcp-space-6 | 1.5rem |
--tcp-space-8 | 2rem |
--tcp-space-gap-lg | 1rem |
--tcp-space-gap-md | 0.75rem |
--tcp-space-gap-sm | 0.5rem |
--tcp-space-gap-xs | 0.25rem |
--tcp-space-gutter | 1rem |
--tcp-space-inset-lg | 1rem |
--tcp-space-inset-md | 0.75rem |
--tcp-space-inset-sm | 0.5rem |
--tcp-space-inset-xl | 1.5rem |
--tcp-space-inset-xs | 0.25rem |
--tcp-space-px | 1px |
table
| Token | Value |
|---|---|
--tcp-table-cell-padding-x | 0.75rem |
--tcp-table-color-header-bg | oklch(0.975 0.002 250) |
--tcp-table-color-header-fg | oklch(0.52 0.009 250) |
--tcp-table-color-row-border | oklch(0 0 0/0.08) |
--tcp-table-color-row-hover | oklch(0.95 0.003 250) |
--tcp-table-color-row-selected | oklch(0.92 0.004 250) |
--tcp-table-row-height | 2.5rem |
type
| Token | Value |
|---|---|
--tcp-type-body-strong-family | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-type-body-strong-line-height | 1.429 |
--tcp-type-body-strong-size | 0.875rem |
--tcp-type-body-strong-tracking | -0.006em |
--tcp-type-body-strong-weight | 500 |
--tcp-type-body-family | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-type-body-line-height | 1.429 |
--tcp-type-body-size | 0.875rem |
--tcp-type-body-tracking | -0.006em |
--tcp-type-body-weight | 400 |
--tcp-type-caption-family | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-type-caption-line-height | 1.333 |
--tcp-type-caption-size | 0.75rem |
--tcp-type-caption-tracking | 0em |
--tcp-type-caption-weight | 400 |
--tcp-type-code-family | "Geist Mono","Geist Mono Fallback",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace |
--tcp-type-code-line-height | 1.538 |
--tcp-type-code-size | 0.8125rem |
--tcp-type-code-tracking | 0em |
--tcp-type-code-weight | 400 |
--tcp-type-data-family | "Geist Mono","Geist Mono Fallback",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace |
--tcp-type-data-line-height | 1.429 |
--tcp-type-data-size | 0.875rem |
--tcp-type-data-tracking | 0em |
--tcp-type-data-weight | 400 |
--tcp-type-display-family | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-type-display-line-height | 1.167 |
--tcp-type-display-size | 3rem |
--tcp-type-display-tracking | -0.03em |
--tcp-type-display-weight | 600 |
--tcp-type-h1-family | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-type-h1-line-height | 1.25 |
--tcp-type-h1-size | 2rem |
--tcp-type-h1-tracking | -0.03em |
--tcp-type-h1-weight | 600 |
--tcp-type-h2-family | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-type-h2-line-height | 1.333 |
--tcp-type-h2-size | 1.5rem |
--tcp-type-h2-tracking | -0.02em |
--tcp-type-h2-weight | 600 |
--tcp-type-h3-family | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-type-h3-line-height | 1.4 |
--tcp-type-h3-size | 1.25rem |
--tcp-type-h3-tracking | -0.01em |
--tcp-type-h3-weight | 600 |
--tcp-type-h4-family | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-type-h4-line-height | 1.5 |
--tcp-type-h4-size | 1rem |
--tcp-type-h4-tracking | -0.01em |
--tcp-type-h4-weight | 600 |
--tcp-type-hero-fluid | 6.4 |
--tcp-type-hero-family | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-type-hero-line-height | 1 |
--tcp-type-hero-size | 5.5rem |
--tcp-type-hero-tracking | -0.04em |
--tcp-type-hero-weight | 500 |
--tcp-type-label-family | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-type-label-line-height | 1.538 |
--tcp-type-label-size | 0.8125rem |
--tcp-type-label-tracking | -0.006em |
--tcp-type-label-weight | 500 |
--tcp-type-mono-label-family | "Geist Mono","Geist Mono Fallback",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace |
--tcp-type-mono-label-line-height | 1.333 |
--tcp-type-mono-label-size | 0.75rem |
--tcp-type-mono-label-tracking | 0.04em |
--tcp-type-mono-label-weight | 500 |
--tcp-type-prose-family | Geist,"Geist Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif |
--tcp-type-prose-line-height | 1.625 |
--tcp-type-prose-size | 1rem |
--tcp-type-prose-tracking | -0.006em |
--tcp-type-prose-weight | 400 |
z
| Token | Value |
|---|---|
--tcp-z-base | 0 |
--tcp-z-overlay | 50 |
--tcp-z-popover | 40 |
--tcp-z-rail | 20 |
--tcp-z-sticky | 10 |
--tcp-z-toast | 60 |
--tcp-z-tooltip | 70 |
--tcp-z-topbar | 30 |