Token di design

Panoramica

Questo riferimento è generato dalle stesse definizioni di token dei fogli di stile del tema di Twenty UI. I percorsi dei token corrispondono alle voci in themeCssVariables e useTheme(); i nomi delle variabili CSS possono essere utilizzati direttamente nei fogli di stile.

Preferisci token semantici come background.primary e font.color.primary per le superfici e il testo dell’applicazione.
I token numerici non hanno unità in CSS. Moltiplicali per una lunghezza quando necessario, ad esempio calc(var(--t-icon-size-md) * 1px). In un ThemeProvider montato con il foglio di stile del tema caricato, useTheme() li risolve in numeri JavaScript; senza un provider restituisce i riferimenti alle variabili CSS.
I valori contenenti var(...) o calc(...) sono espressioni CSS, non misure precalcolate.
I valori seguenti sono i valori del foglio di stile di base. Le personalizzazioni del tema e lo stile squircle supportato possono modificare i valori calcolati. Lo stile squircle raddoppia i token di raggio selezionati; gli espliciti token round e pill mantengono i rispettivi raggi di base.

accent

Token path	CSS variable	Light	Dark
accent.accent1	—t-accent-accent1	color(display-p3 0.992 0.992 0.996)	color(display-p3 0.068 0.074 0.118)
accent.accent2	—t-accent-accent2	color(display-p3 0.971 0.977 0.998)	color(display-p3 0.081 0.089 0.144)
accent.accent3	—t-accent-accent3	color(display-p3 0.933 0.948 0.992)	color(display-p3 0.105 0.141 0.275)
accent.accent4	—t-accent-accent4	color(display-p3 0.885 0.914 1)	color(display-p3 0.129 0.18 0.369)
accent.accent5	—t-accent-accent5	color(display-p3 0.831 0.87 1)	color(display-p3 0.163 0.22 0.439)
accent.accent6	—t-accent-accent6	color(display-p3 0.767 0.814 0.995)	color(display-p3 0.203 0.262 0.5)
accent.accent7	—t-accent-accent7	color(display-p3 0.685 0.74 0.957)	color(display-p3 0.245 0.309 0.575)
accent.accent8	—t-accent-accent8	color(display-p3 0.569 0.639 0.916)	color(display-p3 0.285 0.362 0.674)
accent.accent9	—t-accent-accent9	color(display-p3 0.276 0.384 0.837)	color(display-p3 0.276 0.384 0.837)
accent.accent10	—t-accent-accent10	color(display-p3 0.234 0.343 0.801)	color(display-p3 0.354 0.445 0.866)
accent.accent11	—t-accent-accent11	color(display-p3 0.256 0.354 0.755)	color(display-p3 0.63 0.69 1)
accent.accent12	—t-accent-accent12	color(display-p3 0.133 0.175 0.348)	color(display-p3 0.848 0.881 0.99)
accent.accent3570	—t-accent-accent3570	color(display-p3 0.569 0.639 0.916)	color(display-p3 0.285 0.362 0.674)
accent.accent4060	—t-accent-accent4060	color(display-p3 0.569 0.639 0.916)	color(display-p3 0.285 0.362 0.674)
accent.primary	—t-accent-primary	color(display-p3 0.831 0.87 1)	color(display-p3 0.163 0.22 0.439)
accent.quaternary	—t-accent-quaternary	color(display-p3 0.971 0.977 0.998)	color(display-p3 0.081 0.089 0.144)
accent.secondary	—t-accent-secondary	color(display-p3 0.831 0.87 1)	color(display-p3 0.163 0.22 0.439)
accent.tertiary	—t-accent-tertiary	color(display-p3 0.933 0.948 0.992)	color(display-p3 0.105 0.141 0.275)

animation

Token path	CSS variable	Light	Dark	Numeric
animation.duration.fast	—t-animation-duration-fast	0.15	0.15	Yes
animation.duration.instant	—t-animation-duration-instant	0.075	0.075	Yes
animation.duration.normal	—t-animation-duration-normal	0.3	0.3	Yes
animation.duration.slow	—t-animation-duration-slow	1.5	1.5	Yes

background

Token path	CSS variable	Light	Dark
background.danger	—t-background-danger	color(display-p3 0.985 0.925 0.925)	color(display-p3 0.211 0.081 0.099)
background.invertedPrimary	—t-background-inverted-primary	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
background.invertedSecondary	—t-background-inverted-secondary	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
background.noisy	—t-background-noisy	url(data:image/png;base64,…)	url(data:image/jpeg;base64,…)
background.overlayPrimary	—t-background-overlay-primary	color(display-p3 0 0 0 / 0.722)	#000000b8
background.overlaySecondary	—t-background-overlay-secondary	color(display-p3 0 0 0 / 0.361)	#0000005c
background.overlayTertiary	—t-background-overlay-tertiary	color(display-p3 0 0 0 / 0.071)	#0000005c
background.primary	—t-background-primary	color(display-p3 1 1 1)	color(display-p3 0.09 0.09 0.09)
background.primaryInverted	—t-background-primary-inverted	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
background.primaryInvertedHover	—t-background-primary-inverted-hover	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
background.quaternary	—t-background-quaternary	color(display-p3 0.922 0.922 0.922)	color(display-p3 0.133 0.133 0.133)
background.radialGradient	—t-background-radial-gradient	radial-gradient(50% 62.62% at 50% 0%, color(display-p3 0.6 0.6 0.6) 0%, color(display-p3 0.514 0.514 0.514) 100%)	radial-gradient(50% 62.62% at 50% 0%, color(display-p3 0.506 0.506 0.506) 0%, color(display-p3 0.482 0.482 0.482) 100%)
background.radialGradientHover	—t-background-radial-gradient-hover	radial-gradient(76.32% 95.59% at 50% 0%, color(display-p3 0.514 0.514 0.514) 0%, color(display-p3 0.4 0.4 0.4) 100%)	radial-gradient(76.32% 95.59% at 50% 0%, color(display-p3 0.482 0.482 0.482) 0%, color(display-p3 0.702 0.702 0.702) 100%)
background.secondary	—t-background-secondary	color(display-p3 0.988 0.988 0.988)	color(display-p3 0.106 0.106 0.106)
background.tertiary	—t-background-tertiary	color(display-p3 0.945 0.945 0.945)	color(display-p3 0.114 0.114 0.114)
background.transparent.blue	—t-background-transparent-blue	#0047f112	#3566ff57
background.transparent.danger	—t-background-transparent-danger	#f3000d14	#ff173f2d
background.transparent.light	—t-background-transparent-light	color(display-p3 0 0 0 / 0.039)	color(display-p3 1 1 1 / 0.059)
background.transparent.lighter	—t-background-transparent-lighter	color(display-p3 0 0 0 / 0.02)	color(display-p3 1 1 1 / 0.031)
background.transparent.medium	—t-background-transparent-medium	color(display-p3 0 0 0 / 0.078)	color(display-p3 1 1 1 / 0.102)
background.transparent.orange	—t-background-transparent-orange	#ff9c0029	#ff590039
background.transparent.primary	—t-background-transparent-primary	color(display-p3 1 1 1 / 0.5)	color(display-p3 0 0 0 / 0.5)
background.transparent.secondary	—t-background-transparent-secondary	color(display-p3 1 1 1 / 0.4)	color(display-p3 0 0 0 / 0.4)
background.transparent.strong	—t-background-transparent-strong	color(display-p3 0 0 0 / 0.161)	color(display-p3 1 1 1 / 0.141)
background.transparent.success	—t-background-transparent-success	#00a43319	#11ff992d

betweenSiblingsGap

Token path	CSS variable	Light	Dark	Numeric
betweenSiblingsGap	—t-between-siblings-gap	2px	2px

blur

Token path	CSS variable	Light	Dark
blur.light	—t-blur-light	blur(6px) saturate(200%) contrast(50%) brightness(130%)	blur(6px) saturate(200%) contrast(100%) brightness(130%)
blur.medium	—t-blur-medium	blur(12px) saturate(200%) contrast(50%) brightness(130%)	blur(12px) saturate(200%) contrast(100%) brightness(130%)
blur.strong	—t-blur-strong	blur(20px) saturate(200%) contrast(50%) brightness(130%)	blur(20px) saturate(200%) contrast(100%) brightness(130%)

border

Token path	CSS variable	Light	Dark
border.color.blue	—t-border-color-blue	color(display-p3 0.685 0.74 0.957)	color(display-p3 0.245 0.309 0.575)
border.color.danger	—t-border-color-danger	color(display-p3 0.984 0.812 0.811)	color(display-p3 0.348 0.11 0.142)
border.color.inverted	—t-border-color-inverted	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
border.color.light	—t-border-color-light	color(display-p3 0.945 0.945 0.945)	color(display-p3 0.114 0.114 0.114)
border.color.medium	—t-border-color-medium	color(display-p3 0.922 0.922 0.922)	color(display-p3 0.133 0.133 0.133)
border.color.secondaryInverted	—t-border-color-secondary-inverted	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
border.color.strong	—t-border-color-strong	color(display-p3 0.839 0.839 0.839)	color(display-p3 0.282 0.282 0.282)
border.color.transparentStrong	—t-border-color-transparent-strong	color(display-p3 0 0 0 / 0.071)	color(display-p3 1 1 1 / 0.071)
border.radius.lg	—t-border-radius-lg	16px	16px
border.radius.lgRound	—t-border-radius-lg-round	12px	12px
border.radius.md	—t-border-radius-md	8px	8px
border.radius.mdRound	—t-border-radius-md-round	8px	8px
border.radius.pill	—t-border-radius-pill	999px	999px
border.radius.rounded	—t-border-radius-rounded	100%	100%
border.radius.sm	—t-border-radius-sm	4px	4px
border.radius.smRound	—t-border-radius-sm-round	4px	4px
border.radius.xl	—t-border-radius-xl	20px	20px
border.radius.xs	—t-border-radius-xs	2px	2px
border.radius.xxl	—t-border-radius-xxl	40px	40px

boxShadow

Token path	CSS variable	Light	Dark
boxShadow.bottomPanel	—t-box-shadow-bottom-panel	0px 0px 20px 0px color(display-p3 0 0 0 / 0.1)	0px 0px 20px 0px rgba(0, 0, 0, 0.1)
boxShadow.color	—t-box-shadow-color	color(display-p3 0 0 0 / 0.039)	rgba(0, 0, 0, 0.6)
boxShadow.light	—t-box-shadow-light	0px 2px 4px 0px color(display-p3 0 0 0 / 0.039), 0px 0px 4px 0px color(display-p3 0 0 0 / 0.078)	0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 0px 4px 0px rgba(0, 0, 0, 0.08)
boxShadow.sidebar	—t-box-shadow-sidebar	-4px 4px 4px 0px rgba(0, 0, 0, 0.005)	-4px 4px 4px 0px rgba(0, 0, 0, 0.03)
boxShadow.strong	—t-box-shadow-strong	2px 4px 16px 0px color(display-p3 0 0 0 / 0.161), 0px 2px 4px 0px color(display-p3 0 0 0 / 0.078)	2px 4px 16px 0px rgba(0, 0, 0, 0.16), 0px 2px 4px 0px rgba(0, 0, 0, 0.08)
boxShadow.superHeavy	—t-box-shadow-super-heavy	0px 0px 8px 0px color(display-p3 0 0 0 / 0.161), 0px 8px 64px -16px color(display-p3 0 0 0 / 0.478), 0px 24px 56px -16px color(display-p3 0 0 0 / 0.078)	2px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.04)
boxShadow.underline	—t-box-shadow-underline	0px 1px 0px 0px color(display-p3 0 0 0 / 0.361)	0px 1px 0px 0px rgba(0, 0, 0, 0.32)

buttons

Token path	CSS variable	Light	Dark	Numeric
buttons.secondaryTextColor	—t-buttons-secondary-text-color	color(display-p3 0.63 0.69 1)	color(display-p3 0.63 0.69 1)

clickableElementBackgroundTransition

Token path	CSS variable	Light	Dark	Numeric
clickableElementBackgroundTransition	—t-clickable-element-background-transition	background 0.1s ease	background 0.1s ease

code

Token path	CSS variable	Light	Dark
code.font.family	—t-code-font-family	DM Mono	DM Mono
code.text.gray	—t-code-text-gray	color(display-p3 0.514 0.514 0.514)	color(display-p3 0.482 0.482 0.482)
code.text.green	—t-code-text-green	color(display-p3 0.585 0.707 0.378)	color(display-p3 0.365 0.456 0.25)
code.text.orange	—t-code-text-orange	color(display-p3 0.877 0.597 0.379)	color(display-p3 0.601 0.359 0.201)
code.text.pink	—t-code-text-pink	color(display-p3 0.748 0.27 0.581)	color(display-p3 0.808 0.356 0.645)
code.text.sky	—t-code-text-sky	color(display-p3 0.555 0.845 0.959)	color(display-p3 0.718 0.925 0.991)

color

Token path	CSS variable	Light	Dark
color.amber	—t-color-amber	color(display-p3 1 0.77 0.26)	color(display-p3 1 0.77 0.26)
color.amber1	—t-color-amber1	color(display-p3 0.995 0.992 0.985)	color(display-p3 0.082 0.07 0.05)
color.amber2	—t-color-amber2	color(display-p3 0.994 0.986 0.921)	color(display-p3 0.111 0.094 0.064)
color.amber3	—t-color-amber3	color(display-p3 0.994 0.969 0.782)	color(display-p3 0.178 0.128 0.049)
color.amber4	—t-color-amber4	color(display-p3 0.989 0.937 0.65)	color(display-p3 0.239 0.156 0)
color.amber5	—t-color-amber5	color(display-p3 0.97 0.902 0.527)	color(display-p3 0.29 0.193 0)
color.amber6	—t-color-amber6	color(display-p3 0.936 0.844 0.506)	color(display-p3 0.344 0.245 0.076)
color.amber7	—t-color-amber7	color(display-p3 0.89 0.762 0.443)	color(display-p3 0.422 0.314 0.141)
color.amber8	—t-color-amber8	color(display-p3 0.85 0.65 0.3)	color(display-p3 0.535 0.399 0.189)
color.amber9	—t-color-amber9	color(display-p3 1 0.77 0.26)	color(display-p3 1 0.77 0.26)
color.amber10	—t-color-amber10	color(display-p3 0.959 0.741 0.274)	color(display-p3 1 0.87 0.15)
color.amber11	—t-color-amber11	color(display-p3 0.64 0.4 0)	color(display-p3 1 0.8 0.29)
color.amber12	—t-color-amber12	color(display-p3 0.294 0.208 0.145)	color(display-p3 0.984 0.909 0.726)
color.blue	—t-color-blue	color(display-p3 0.276 0.384 0.837)	color(display-p3 0.276 0.384 0.837)
color.blue1	—t-color-blue1	color(display-p3 0.992 0.992 0.996)	color(display-p3 0.068 0.074 0.118)
color.blue2	—t-color-blue2	color(display-p3 0.971 0.977 0.998)	color(display-p3 0.081 0.089 0.144)
color.blue3	—t-color-blue3	color(display-p3 0.933 0.948 0.992)	color(display-p3 0.105 0.141 0.275)
color.blue4	—t-color-blue4	color(display-p3 0.885 0.914 1)	color(display-p3 0.129 0.18 0.369)
color.blue5	—t-color-blue5	color(display-p3 0.831 0.87 1)	color(display-p3 0.163 0.22 0.439)
color.blue6	—t-color-blue6	color(display-p3 0.767 0.814 0.995)	color(display-p3 0.203 0.262 0.5)
color.blue7	—t-color-blue7	color(display-p3 0.685 0.74 0.957)	color(display-p3 0.245 0.309 0.575)
color.blue8	—t-color-blue8	color(display-p3 0.569 0.639 0.916)	color(display-p3 0.285 0.362 0.674)
color.blue9	—t-color-blue9	color(display-p3 0.276 0.384 0.837)	color(display-p3 0.276 0.384 0.837)
color.blue10	—t-color-blue10	color(display-p3 0.234 0.343 0.801)	color(display-p3 0.354 0.445 0.866)
color.blue11	—t-color-blue11	color(display-p3 0.256 0.354 0.755)	color(display-p3 0.63 0.69 1)
color.blue12	—t-color-blue12	color(display-p3 0.133 0.175 0.348)	color(display-p3 0.848 0.881 0.99)
color.bronze	—t-color-bronze	color(display-p3 0.611 0.507 0.455)	color(display-p3 0.611 0.507 0.455)
color.bronze1	—t-color-bronze1	color(display-p3 0.991 0.988 0.988)	color(display-p3 0.076 0.067 0.063)
color.bronze2	—t-color-bronze2	color(display-p3 0.989 0.97 0.961)	color(display-p3 0.106 0.097 0.093)
color.bronze3	—t-color-bronze3	color(display-p3 0.958 0.932 0.919)	color(display-p3 0.147 0.132 0.125)
color.bronze4	—t-color-bronze4	color(display-p3 0.929 0.894 0.877)	color(display-p3 0.185 0.166 0.156)
color.bronze5	—t-color-bronze5	color(display-p3 0.898 0.853 0.832)	color(display-p3 0.227 0.202 0.19)
color.bronze6	—t-color-bronze6	color(display-p3 0.861 0.805 0.778)	color(display-p3 0.278 0.246 0.23)
color.bronze7	—t-color-bronze7	color(display-p3 0.812 0.739 0.706)	color(display-p3 0.343 0.302 0.281)
color.bronze8	—t-color-bronze8	color(display-p3 0.741 0.647 0.606)	color(display-p3 0.426 0.374 0.347)
color.bronze9	—t-color-bronze9	color(display-p3 0.611 0.507 0.455)	color(display-p3 0.611 0.507 0.455)
color.bronze10	—t-color-bronze10	color(display-p3 0.563 0.461 0.414)	color(display-p3 0.66 0.556 0.504)
color.bronze11	—t-color-bronze11	color(display-p3 0.471 0.373 0.336)	color(display-p3 0.81 0.707 0.655)
color.bronze12	—t-color-bronze12	color(display-p3 0.251 0.191 0.172)	color(display-p3 0.921 0.88 0.854)
color.brown	—t-color-brown	color(display-p3 0.651 0.505 0.368)	color(display-p3 0.651 0.505 0.368)
color.brown1	—t-color-brown1	color(display-p3 0.995 0.992 0.989)	color(display-p3 0.071 0.067 0.059)
color.brown2	—t-color-brown2	color(display-p3 0.987 0.976 0.964)	color(display-p3 0.107 0.095 0.087)
color.brown3	—t-color-brown3	color(display-p3 0.959 0.936 0.909)	color(display-p3 0.151 0.13 0.115)
color.brown4	—t-color-brown4	color(display-p3 0.934 0.897 0.855)	color(display-p3 0.191 0.161 0.138)
color.brown5	—t-color-brown5	color(display-p3 0.909 0.856 0.798)	color(display-p3 0.235 0.194 0.162)
color.brown6	—t-color-brown6	color(display-p3 0.88 0.808 0.73)	color(display-p3 0.291 0.237 0.192)
color.brown7	—t-color-brown7	color(display-p3 0.841 0.742 0.639)	color(display-p3 0.365 0.295 0.232)
color.brown8	—t-color-brown8	color(display-p3 0.782 0.647 0.514)	color(display-p3 0.469 0.377 0.287)
color.brown9	—t-color-brown9	color(display-p3 0.651 0.505 0.368)	color(display-p3 0.651 0.505 0.368)
color.brown10	—t-color-brown10	color(display-p3 0.601 0.465 0.344)	color(display-p3 0.697 0.557 0.423)
color.brown11	—t-color-brown11	color(display-p3 0.485 0.374 0.288)	color(display-p3 0.835 0.715 0.597)
color.brown12	—t-color-brown12	color(display-p3 0.236 0.202 0.183)	color(display-p3 0.938 0.885 0.802)
color.crimson	—t-color-crimson	color(display-p3 0.843 0.298 0.507)	color(display-p3 0.843 0.298 0.507)
color.crimson1	—t-color-crimson1	color(display-p3 0.998 0.989 0.992)	color(display-p3 0.093 0.068 0.078)
color.crimson2	—t-color-crimson2	color(display-p3 0.991 0.969 0.976)	color(display-p3 0.117 0.078 0.095)
color.crimson3	—t-color-crimson3	color(display-p3 0.987 0.917 0.941)	color(display-p3 0.203 0.091 0.143)
color.crimson4	—t-color-crimson4	color(display-p3 0.975 0.866 0.904)	color(display-p3 0.277 0.087 0.182)
color.crimson5	—t-color-crimson5	color(display-p3 0.953 0.813 0.864)	color(display-p3 0.332 0.115 0.22)
color.crimson6	—t-color-crimson6	color(display-p3 0.921 0.755 0.817)	color(display-p3 0.394 0.162 0.268)
color.crimson7	—t-color-crimson7	color(display-p3 0.88 0.683 0.761)	color(display-p3 0.489 0.222 0.336)
color.crimson8	—t-color-crimson8	color(display-p3 0.834 0.592 0.694)	color(display-p3 0.638 0.289 0.429)
color.crimson9	—t-color-crimson9	color(display-p3 0.843 0.298 0.507)	color(display-p3 0.843 0.298 0.507)
color.crimson10	—t-color-crimson10	color(display-p3 0.807 0.266 0.468)	color(display-p3 0.864 0.364 0.539)
color.crimson11	—t-color-crimson11	color(display-p3 0.731 0.195 0.388)	color(display-p3 1 0.56 0.66)
color.crimson12	—t-color-crimson12	color(display-p3 0.352 0.111 0.221)	color(display-p3 0.966 0.834 0.906)
color.cyan	—t-color-cyan	color(display-p3 0.282 0.627 0.765)	color(display-p3 0.282 0.627 0.765)
color.cyan1	—t-color-cyan1	color(display-p3 0.982 0.992 0.996)	color(display-p3 0.053 0.085 0.098)
color.cyan2	—t-color-cyan2	color(display-p3 0.955 0.981 0.984)	color(display-p3 0.072 0.105 0.122)
color.cyan3	—t-color-cyan3	color(display-p3 0.888 0.965 0.975)	color(display-p3 0.073 0.168 0.209)
color.cyan4	—t-color-cyan4	color(display-p3 0.821 0.941 0.959)	color(display-p3 0.063 0.216 0.277)
color.cyan5	—t-color-cyan5	color(display-p3 0.751 0.907 0.935)	color(display-p3 0.091 0.267 0.336)
color.cyan6	—t-color-cyan6	color(display-p3 0.671 0.862 0.9)	color(display-p3 0.137 0.324 0.4)
color.cyan7	—t-color-cyan7	color(display-p3 0.564 0.8 0.854)	color(display-p3 0.186 0.398 0.484)
color.cyan8	—t-color-cyan8	color(display-p3 0.388 0.715 0.798)	color(display-p3 0.23 0.496 0.6)
color.cyan9	—t-color-cyan9	color(display-p3 0.282 0.627 0.765)	color(display-p3 0.282 0.627 0.765)
color.cyan10	—t-color-cyan10	color(display-p3 0.264 0.583 0.71)	color(display-p3 0.331 0.675 0.801)
color.cyan11	—t-color-cyan11	color(display-p3 0.08 0.48 0.63)	color(display-p3 0.446 0.79 0.887)
color.cyan12	—t-color-cyan12	color(display-p3 0.108 0.232 0.277)	color(display-p3 0.757 0.919 0.962)
color.gold	—t-color-gold	color(display-p3 0.579 0.517 0.41)	color(display-p3 0.579 0.517 0.41)
color.gold1	—t-color-gold1	color(display-p3 0.992 0.992 0.989)	color(display-p3 0.071 0.071 0.067)
color.gold2	—t-color-gold2	color(display-p3 0.98 0.976 0.953)	color(display-p3 0.104 0.101 0.09)
color.gold3	—t-color-gold3	color(display-p3 0.947 0.94 0.909)	color(display-p3 0.141 0.136 0.122)
color.gold4	—t-color-gold4	color(display-p3 0.914 0.904 0.865)	color(display-p3 0.177 0.17 0.152)
color.gold5	—t-color-gold5	color(display-p3 0.88 0.865 0.816)	color(display-p3 0.217 0.207 0.185)
color.gold6	—t-color-gold6	color(display-p3 0.84 0.818 0.756)	color(display-p3 0.265 0.252 0.225)
color.gold7	—t-color-gold7	color(display-p3 0.788 0.753 0.677)	color(display-p3 0.327 0.31 0.277)
color.gold8	—t-color-gold8	color(display-p3 0.715 0.66 0.565)	color(display-p3 0.407 0.384 0.342)
color.gold9	—t-color-gold9	color(display-p3 0.579 0.517 0.41)	color(display-p3 0.579 0.517 0.41)
color.gold10	—t-color-gold10	color(display-p3 0.538 0.479 0.38)	color(display-p3 0.628 0.566 0.463)
color.gold11	—t-color-gold11	color(display-p3 0.433 0.386 0.305)	color(display-p3 0.784 0.728 0.635)
color.gold12	—t-color-gold12	color(display-p3 0.227 0.209 0.173)	color(display-p3 0.906 0.887 0.855)
color.grass	—t-color-grass	color(display-p3 0.38 0.647 0.378)	color(display-p3 0.38 0.647 0.378)
color.grass1	—t-color-grass1	color(display-p3 0.986 0.996 0.985)	color(display-p3 0.062 0.083 0.067)
color.grass2	—t-color-grass2	color(display-p3 0.966 0.983 0.964)	color(display-p3 0.083 0.103 0.085)
color.grass3	—t-color-grass3	color(display-p3 0.923 0.965 0.917)	color(display-p3 0.118 0.163 0.122)
color.grass4	—t-color-grass4	color(display-p3 0.872 0.94 0.865)	color(display-p3 0.142 0.225 0.15)
color.grass5	—t-color-grass5	color(display-p3 0.811 0.908 0.802)	color(display-p3 0.178 0.279 0.186)
color.grass6	—t-color-grass6	color(display-p3 0.733 0.864 0.724)	color(display-p3 0.217 0.337 0.224)
color.grass7	—t-color-grass7	color(display-p3 0.628 0.803 0.622)	color(display-p3 0.258 0.4 0.264)
color.grass8	—t-color-grass8	color(display-p3 0.477 0.72 0.482)	color(display-p3 0.302 0.47 0.305)
color.grass9	—t-color-grass9	color(display-p3 0.38 0.647 0.378)	color(display-p3 0.38 0.647 0.378)
color.grass10	—t-color-grass10	color(display-p3 0.344 0.598 0.342)	color(display-p3 0.426 0.694 0.426)
color.grass11	—t-color-grass11	color(display-p3 0.263 0.488 0.261)	color(display-p3 0.535 0.807 0.542)
color.grass12	—t-color-grass12	color(display-p3 0.151 0.233 0.153)	color(display-p3 0.797 0.936 0.776)
color.gray	—t-color-gray	color(display-p3 0.6 0.6 0.6)	color(display-p3 0.298 0.298 0.298)
color.gray1	—t-color-gray1	color(display-p3 1 1 1)	color(display-p3 0.09 0.09 0.09)
color.gray2	—t-color-gray2	color(display-p3 0.988 0.988 0.988)	color(display-p3 0.106 0.106 0.106)
color.gray3	—t-color-gray3	color(display-p3 0.976 0.976 0.976)	color(display-p3 0.098 0.098 0.098)
color.gray4	—t-color-gray4	color(display-p3 0.945 0.945 0.945)	color(display-p3 0.114 0.114 0.114)
color.gray5	—t-color-gray5	color(display-p3 0.922 0.922 0.922)	color(display-p3 0.133 0.133 0.133)
color.gray6	—t-color-gray6	color(display-p3 0.839 0.839 0.839)	color(display-p3 0.282 0.282 0.282)
color.gray7	—t-color-gray7	color(display-p3 0.8 0.8 0.8)	color(display-p3 0.298 0.298 0.298)
color.gray8	—t-color-gray8	color(display-p3 0.702 0.702 0.702)	color(display-p3 0.4 0.4 0.4)
color.gray9	—t-color-gray9	color(display-p3 0.6 0.6 0.6)	color(display-p3 0.506 0.506 0.506)
color.gray10	—t-color-gray10	color(display-p3 0.514 0.514 0.514)	color(display-p3 0.482 0.482 0.482)
color.gray11	—t-color-gray11	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
color.gray12	—t-color-gray12	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
color.green	—t-color-green	color(display-p3 0.332 0.634 0.442)	color(display-p3 0.332 0.634 0.442)
color.green1	—t-color-green1	color(display-p3 0.986 0.996 0.989)	color(display-p3 0.062 0.083 0.071)
color.green2	—t-color-green2	color(display-p3 0.963 0.983 0.967)	color(display-p3 0.079 0.106 0.09)
color.green3	—t-color-green3	color(display-p3 0.913 0.964 0.925)	color(display-p3 0.1 0.173 0.133)
color.green4	—t-color-green4	color(display-p3 0.859 0.94 0.879)	color(display-p3 0.115 0.229 0.166)
color.green5	—t-color-green5	color(display-p3 0.796 0.907 0.826)	color(display-p3 0.147 0.282 0.206)
color.green6	—t-color-green6	color(display-p3 0.718 0.863 0.761)	color(display-p3 0.185 0.338 0.25)
color.green7	—t-color-green7	color(display-p3 0.61 0.801 0.675)	color(display-p3 0.227 0.403 0.298)
color.green8	—t-color-green8	color(display-p3 0.451 0.715 0.559)	color(display-p3 0.27 0.479 0.351)
color.green9	—t-color-green9	color(display-p3 0.332 0.634 0.442)	color(display-p3 0.332 0.634 0.442)
color.green10	—t-color-green10	color(display-p3 0.308 0.595 0.417)	color(display-p3 0.357 0.682 0.474)
color.green11	—t-color-green11	color(display-p3 0.19 0.5 0.32)	color(display-p3 0.434 0.828 0.573)
color.green12	—t-color-green12	color(display-p3 0.132 0.228 0.18)	color(display-p3 0.747 0.938 0.807)
color.iris	—t-color-iris	color(display-p3 0.357 0.357 0.81)	color(display-p3 0.357 0.357 0.81)
color.iris1	—t-color-iris1	color(display-p3 0.992 0.992 0.999)	color(display-p3 0.075 0.075 0.114)
color.iris2	—t-color-iris2	color(display-p3 0.972 0.973 0.998)	color(display-p3 0.089 0.086 0.14)
color.iris3	—t-color-iris3	color(display-p3 0.943 0.945 0.992)	color(display-p3 0.128 0.134 0.272)
color.iris4	—t-color-iris4	color(display-p3 0.902 0.906 1)	color(display-p3 0.153 0.165 0.382)
color.iris5	—t-color-iris5	color(display-p3 0.857 0.861 1)	color(display-p3 0.192 0.201 0.44)
color.iris6	—t-color-iris6	color(display-p3 0.799 0.805 0.987)	color(display-p3 0.239 0.241 0.491)
color.iris7	—t-color-iris7	color(display-p3 0.721 0.727 0.955)	color(display-p3 0.291 0.289 0.565)
color.iris8	—t-color-iris8	color(display-p3 0.61 0.619 0.918)	color(display-p3 0.35 0.345 0.673)
color.iris9	—t-color-iris9	color(display-p3 0.357 0.357 0.81)	color(display-p3 0.357 0.357 0.81)
color.iris10	—t-color-iris10	color(display-p3 0.318 0.318 0.774)	color(display-p3 0.428 0.416 0.843)
color.iris11	—t-color-iris11	color(display-p3 0.337 0.326 0.748)	color(display-p3 0.685 0.662 1)
color.iris12	—t-color-iris12	color(display-p3 0.154 0.161 0.371)	color(display-p3 0.878 0.875 0.986)
color.jade	—t-color-jade	color(display-p3 0.319 0.63 0.521)	color(display-p3 0.319 0.63 0.521)
color.jade1	—t-color-jade1	color(display-p3 0.986 0.996 0.992)	color(display-p3 0.059 0.083 0.071)
color.jade2	—t-color-jade2	color(display-p3 0.962 0.983 0.969)	color(display-p3 0.078 0.11 0.094)
color.jade3	—t-color-jade3	color(display-p3 0.912 0.965 0.932)	color(display-p3 0.091 0.176 0.138)
color.jade4	—t-color-jade4	color(display-p3 0.858 0.941 0.893)	color(display-p3 0.102 0.228 0.177)
color.jade5	—t-color-jade5	color(display-p3 0.795 0.909 0.847)	color(display-p3 0.133 0.279 0.221)
color.jade6	—t-color-jade6	color(display-p3 0.715 0.864 0.791)	color(display-p3 0.174 0.334 0.273)
color.jade7	—t-color-jade7	color(display-p3 0.603 0.802 0.718)	color(display-p3 0.219 0.402 0.335)
color.jade8	—t-color-jade8	color(display-p3 0.44 0.72 0.629)	color(display-p3 0.263 0.488 0.411)
color.jade9	—t-color-jade9	color(display-p3 0.319 0.63 0.521)	color(display-p3 0.319 0.63 0.521)
color.jade10	—t-color-jade10	color(display-p3 0.299 0.592 0.488)	color(display-p3 0.338 0.68 0.555)
color.jade11	—t-color-jade11	color(display-p3 0.15 0.5 0.37)	color(display-p3 0.4 0.835 0.656)
color.jade12	—t-color-jade12	color(display-p3 0.142 0.229 0.194)	color(display-p3 0.734 0.934 0.838)
color.lime	—t-color-lime	color(display-p3 0.78 0.928 0.466)	color(display-p3 0.78 0.928 0.466)
color.lime1	—t-color-lime1	color(display-p3 0.989 0.992 0.981)	color(display-p3 0.067 0.073 0.048)
color.lime2	—t-color-lime2	color(display-p3 0.975 0.98 0.954)	color(display-p3 0.086 0.1 0.067)
color.lime3	—t-color-lime3	color(display-p3 0.939 0.965 0.851)	color(display-p3 0.13 0.16 0.099)
color.lime4	—t-color-lime4	color(display-p3 0.896 0.94 0.76)	color(display-p3 0.172 0.214 0.126)
color.lime5	—t-color-lime5	color(display-p3 0.843 0.903 0.678)	color(display-p3 0.213 0.266 0.153)
color.lime6	—t-color-lime6	color(display-p3 0.778 0.852 0.599)	color(display-p3 0.257 0.321 0.182)
color.lime7	—t-color-lime7	color(display-p3 0.694 0.784 0.508)	color(display-p3 0.307 0.383 0.215)
color.lime8	—t-color-lime8	color(display-p3 0.585 0.707 0.378)	color(display-p3 0.365 0.456 0.25)
color.lime9	—t-color-lime9	color(display-p3 0.78 0.928 0.466)	color(display-p3 0.78 0.928 0.466)
color.lime10	—t-color-lime10	color(display-p3 0.734 0.896 0.397)	color(display-p3 0.865 0.995 0.519)
color.lime11	—t-color-lime11	color(display-p3 0.386 0.482 0.227)	color(display-p3 0.771 0.893 0.485)
color.lime12	—t-color-lime12	color(display-p3 0.222 0.25 0.128)	color(display-p3 0.905 0.966 0.753)
color.mauve1	—t-color-mauve1	color(display-p3 0.991 0.988 0.992)	color(display-p3 0.07 0.067 0.074)
color.mauve2	—t-color-mauve2	color(display-p3 0.98 0.976 0.984)	color(display-p3 0.101 0.098 0.105)
color.mauve3	—t-color-mauve3	color(display-p3 0.946 0.938 0.952)	color(display-p3 0.138 0.134 0.144)
color.mauve4	—t-color-mauve4	color(display-p3 0.915 0.906 0.925)	color(display-p3 0.167 0.161 0.175)
color.mauve5	—t-color-mauve5	color(display-p3 0.886 0.876 0.901)	color(display-p3 0.196 0.189 0.206)
color.mauve6	—t-color-mauve6	color(display-p3 0.856 0.846 0.875)	color(display-p3 0.232 0.225 0.245)
color.mauve7	—t-color-mauve7	color(display-p3 0.814 0.804 0.84)	color(display-p3 0.286 0.277 0.302)
color.mauve8	—t-color-mauve8	color(display-p3 0.735 0.728 0.777)	color(display-p3 0.383 0.373 0.408)
color.mauve9	—t-color-mauve9	color(display-p3 0.555 0.549 0.596)	color(display-p3 0.434 0.428 0.467)
color.mauve10	—t-color-mauve10	color(display-p3 0.514 0.508 0.552)	color(display-p3 0.487 0.48 0.519)
color.mauve11	—t-color-mauve11	color(display-p3 0.395 0.388 0.424)	color(display-p3 0.707 0.7 0.735)
color.mauve12	—t-color-mauve12	color(display-p3 0.128 0.122 0.147)	color(display-p3 0.933 0.933 0.94)
color.mint	—t-color-mint	color(display-p3 0.62 0.908 0.834)	color(display-p3 0.62 0.908 0.834)
color.mint1	—t-color-mint1	color(display-p3 0.98 0.995 0.992)	color(display-p3 0.059 0.082 0.081)
color.mint2	—t-color-mint2	color(display-p3 0.957 0.985 0.977)	color(display-p3 0.068 0.104 0.105)
color.mint3	—t-color-mint3	color(display-p3 0.888 0.972 0.95)	color(display-p3 0.077 0.17 0.168)
color.mint4	—t-color-mint4	color(display-p3 0.819 0.951 0.916)	color(display-p3 0.068 0.224 0.22)
color.mint5	—t-color-mint5	color(display-p3 0.747 0.918 0.873)	color(display-p3 0.104 0.275 0.264)
color.mint6	—t-color-mint6	color(display-p3 0.668 0.87 0.818)	color(display-p3 0.154 0.332 0.313)
color.mint7	—t-color-mint7	color(display-p3 0.567 0.805 0.744)	color(display-p3 0.207 0.403 0.373)
color.mint8	—t-color-mint8	color(display-p3 0.42 0.724 0.649)	color(display-p3 0.258 0.49 0.441)
color.mint9	—t-color-mint9	color(display-p3 0.62 0.908 0.834)	color(display-p3 0.62 0.908 0.834)
color.mint10	—t-color-mint10	color(display-p3 0.585 0.871 0.797)	color(display-p3 0.725 0.954 0.898)
color.mint11	—t-color-mint11	color(display-p3 0.203 0.463 0.397)	color(display-p3 0.482 0.825 0.733)
color.mint12	—t-color-mint12	color(display-p3 0.136 0.259 0.236)	color(display-p3 0.807 0.955 0.887)
color.olive1	—t-color-olive1	color(display-p3 0.989 0.992 0.989)	color(display-p3 0.067 0.07 0.063)
color.olive2	—t-color-olive2	color(display-p3 0.974 0.98 0.973)	color(display-p3 0.095 0.098 0.091)
color.olive3	—t-color-olive3	color(display-p3 0.939 0.945 0.937)	color(display-p3 0.131 0.135 0.126)
color.olive4	—t-color-olive4	color(display-p3 0.907 0.914 0.905)	color(display-p3 0.158 0.163 0.153)
color.olive5	—t-color-olive5	color(display-p3 0.878 0.885 0.875)	color(display-p3 0.186 0.192 0.18)
color.olive6	—t-color-olive6	color(display-p3 0.846 0.855 0.843)	color(display-p3 0.221 0.229 0.215)
color.olive7	—t-color-olive7	color(display-p3 0.803 0.812 0.8)	color(display-p3 0.273 0.284 0.266)
color.olive8	—t-color-olive8	color(display-p3 0.727 0.738 0.723)	color(display-p3 0.365 0.382 0.359)
color.olive9	—t-color-olive9	color(display-p3 0.541 0.556 0.532)	color(display-p3 0.414 0.438 0.404)
color.olive10	—t-color-olive10	color(display-p3 0.5 0.515 0.491)	color(display-p3 0.467 0.49 0.458)
color.olive11	—t-color-olive11	color(display-p3 0.38 0.395 0.374)	color(display-p3 0.69 0.709 0.682)
color.olive12	—t-color-olive12	color(display-p3 0.117 0.129 0.111)	color(display-p3 0.927 0.933 0.926)
color.orange	—t-color-orange	color(display-p3 0.9 0.45 0.2)	color(display-p3 0.9 0.45 0.2)
color.orange1	—t-color-orange1	color(display-p3 0.995 0.988 0.985)	color(display-p3 0.088 0.07 0.057)
color.orange2	—t-color-orange2	color(display-p3 0.994 0.968 0.934)	color(display-p3 0.113 0.089 0.061)
color.orange3	—t-color-orange3	color(display-p3 0.989 0.938 0.85)	color(display-p3 0.189 0.12 0.056)
color.orange4	—t-color-orange4	color(display-p3 1 0.874 0.687)	color(display-p3 0.262 0.132 0)
color.orange5	—t-color-orange5	color(display-p3 1 0.821 0.583)	color(display-p3 0.315 0.168 0.016)
color.orange6	—t-color-orange6	color(display-p3 0.975 0.767 0.545)	color(display-p3 0.376 0.219 0.088)
color.orange7	—t-color-orange7	color(display-p3 0.919 0.693 0.486)	color(display-p3 0.465 0.283 0.147)
color.orange8	—t-color-orange8	color(display-p3 0.877 0.597 0.379)	color(display-p3 0.601 0.359 0.201)
color.orange9	—t-color-orange9	color(display-p3 0.9 0.45 0.2)	color(display-p3 0.9 0.45 0.2)
color.orange10	—t-color-orange10	color(display-p3 0.87 0.409 0.164)	color(display-p3 0.98 0.51 0.23)
color.orange11	—t-color-orange11	color(display-p3 0.76 0.34 0)	color(display-p3 1 0.63 0.38)
color.orange12	—t-color-orange12	color(display-p3 0.323 0.185 0.127)	color(display-p3 0.98 0.883 0.775)
color.pink	—t-color-pink	color(display-p3 0.775 0.297 0.61)	color(display-p3 0.775 0.297 0.61)
color.pink1	—t-color-pink1	color(display-p3 0.998 0.989 0.996)	color(display-p3 0.093 0.068 0.089)
color.pink2	—t-color-pink2	color(display-p3 0.992 0.97 0.985)	color(display-p3 0.121 0.073 0.11)
color.pink3	—t-color-pink3	color(display-p3 0.981 0.917 0.96)	color(display-p3 0.198 0.098 0.179)
color.pink4	—t-color-pink4	color(display-p3 0.963 0.867 0.932)	color(display-p3 0.271 0.095 0.231)
color.pink5	—t-color-pink5	color(display-p3 0.939 0.815 0.899)	color(display-p3 0.32 0.127 0.273)
color.pink6	—t-color-pink6	color(display-p3 0.907 0.756 0.859)	color(display-p3 0.382 0.177 0.326)
color.pink7	—t-color-pink7	color(display-p3 0.869 0.683 0.81)	color(display-p3 0.477 0.238 0.405)
color.pink8	—t-color-pink8	color(display-p3 0.825 0.59 0.751)	color(display-p3 0.612 0.304 0.51)
color.pink9	—t-color-pink9	color(display-p3 0.775 0.297 0.61)	color(display-p3 0.775 0.297 0.61)
color.pink10	—t-color-pink10	color(display-p3 0.748 0.27 0.581)	color(display-p3 0.808 0.356 0.645)
color.pink11	—t-color-pink11	color(display-p3 0.698 0.219 0.528)	color(display-p3 1 0.535 0.78)
color.pink12	—t-color-pink12	color(display-p3 0.363 0.101 0.279)	color(display-p3 0.964 0.826 0.912)
color.plum	—t-color-plum	color(display-p3 0.624 0.313 0.708)	color(display-p3 0.624 0.313 0.708)
color.plum1	—t-color-plum1	color(display-p3 0.995 0.988 0.999)	color(display-p3 0.09 0.068 0.092)
color.plum2	—t-color-plum2	color(display-p3 0.988 0.971 0.99)	color(display-p3 0.118 0.077 0.121)
color.plum3	—t-color-plum3	color(display-p3 0.973 0.923 0.98)	color(display-p3 0.192 0.105 0.202)
color.plum4	—t-color-plum4	color(display-p3 0.953 0.875 0.966)	color(display-p3 0.25 0.121 0.271)
color.plum5	—t-color-plum5	color(display-p3 0.926 0.825 0.945)	color(display-p3 0.293 0.152 0.319)
color.plum6	—t-color-plum6	color(display-p3 0.89 0.765 0.916)	color(display-p3 0.343 0.198 0.372)
color.plum7	—t-color-plum7	color(display-p3 0.84 0.686 0.877)	color(display-p3 0.424 0.262 0.461)
color.plum8	—t-color-plum8	color(display-p3 0.775 0.58 0.832)	color(display-p3 0.54 0.341 0.595)
color.plum9	—t-color-plum9	color(display-p3 0.624 0.313 0.708)	color(display-p3 0.624 0.313 0.708)
color.plum10	—t-color-plum10	color(display-p3 0.587 0.29 0.667)	color(display-p3 0.666 0.365 0.748)
color.plum11	—t-color-plum11	color(display-p3 0.543 0.263 0.619)	color(display-p3 0.86 0.602 0.933)
color.plum12	—t-color-plum12	color(display-p3 0.299 0.114 0.352)	color(display-p3 0.936 0.836 0.949)
color.purple	—t-color-purple	color(display-p3 0.523 0.318 0.751)	color(display-p3 0.523 0.318 0.751)
color.purple1	—t-color-purple1	color(display-p3 0.995 0.988 0.996)	color(display-p3 0.09 0.068 0.103)
color.purple2	—t-color-purple2	color(display-p3 0.983 0.971 0.993)	color(display-p3 0.113 0.082 0.134)
color.purple3	—t-color-purple3	color(display-p3 0.963 0.931 0.989)	color(display-p3 0.175 0.112 0.224)
color.purple4	—t-color-purple4	color(display-p3 0.937 0.888 0.981)	color(display-p3 0.224 0.137 0.297)
color.purple5	—t-color-purple5	color(display-p3 0.904 0.837 0.966)	color(display-p3 0.264 0.167 0.349)
color.purple6	—t-color-purple6	color(display-p3 0.86 0.774 0.942)	color(display-p3 0.311 0.208 0.406)
color.purple7	—t-color-purple7	color(display-p3 0.799 0.69 0.91)	color(display-p3 0.381 0.266 0.496)
color.purple8	—t-color-purple8	color(display-p3 0.719 0.583 0.874)	color(display-p3 0.49 0.349 0.649)
color.purple9	—t-color-purple9	color(display-p3 0.523 0.318 0.751)	color(display-p3 0.523 0.318 0.751)
color.purple10	—t-color-purple10	color(display-p3 0.483 0.289 0.7)	color(display-p3 0.57 0.373 0.791)
color.purple11	—t-color-purple11	color(display-p3 0.473 0.281 0.687)	color(display-p3 0.8 0.62 1)
color.purple12	—t-color-purple12	color(display-p3 0.234 0.132 0.363)	color(display-p3 0.913 0.854 0.971)
color.red	—t-color-red	color(display-p3 0.83 0.329 0.324)	color(display-p3 0.83 0.329 0.324)
color.red1	—t-color-red1	color(display-p3 0.998 0.989 0.988)	color(display-p3 0.093 0.068 0.067)
color.red2	—t-color-red2	color(display-p3 0.995 0.971 0.971)	color(display-p3 0.118 0.077 0.079)
color.red3	—t-color-red3	color(display-p3 0.985 0.925 0.925)	color(display-p3 0.211 0.081 0.099)
color.red4	—t-color-red4	color(display-p3 0.999 0.866 0.866)	color(display-p3 0.287 0.079 0.113)
color.red5	—t-color-red5	color(display-p3 0.984 0.812 0.811)	color(display-p3 0.348 0.11 0.142)
color.red6	—t-color-red6	color(display-p3 0.955 0.751 0.749)	color(display-p3 0.414 0.16 0.183)
color.red7	—t-color-red7	color(display-p3 0.915 0.675 0.672)	color(display-p3 0.508 0.224 0.236)
color.red8	—t-color-red8	color(display-p3 0.872 0.575 0.572)	color(display-p3 0.659 0.298 0.297)
color.red9	—t-color-red9	color(display-p3 0.83 0.329 0.324)	color(display-p3 0.83 0.329 0.324)
color.red10	—t-color-red10	color(display-p3 0.798 0.294 0.285)	color(display-p3 0.861 0.403 0.387)
color.red11	—t-color-red11	color(display-p3 0.744 0.234 0.222)	color(display-p3 1 0.57 0.55)
color.red12	—t-color-red12	color(display-p3 0.36 0.115 0.143)	color(display-p3 0.971 0.826 0.852)
color.ruby	—t-color-ruby	color(display-p3 0.83 0.323 0.408)	color(display-p3 0.83 0.323 0.408)
color.ruby1	—t-color-ruby1	color(display-p3 0.998 0.989 0.992)	color(display-p3 0.093 0.068 0.074)
color.ruby2	—t-color-ruby2	color(display-p3 0.995 0.971 0.974)	color(display-p3 0.113 0.083 0.089)
color.ruby3	—t-color-ruby3	color(display-p3 0.983 0.92 0.928)	color(display-p3 0.208 0.088 0.117)
color.ruby4	—t-color-ruby4	color(display-p3 0.987 0.869 0.885)	color(display-p3 0.279 0.092 0.147)
color.ruby5	—t-color-ruby5	color(display-p3 0.968 0.817 0.839)	color(display-p3 0.337 0.12 0.18)
color.ruby6	—t-color-ruby6	color(display-p3 0.937 0.758 0.786)	color(display-p3 0.401 0.166 0.223)
color.ruby7	—t-color-ruby7	color(display-p3 0.897 0.685 0.721)	color(display-p3 0.495 0.224 0.281)
color.ruby8	—t-color-ruby8	color(display-p3 0.851 0.588 0.639)	color(display-p3 0.652 0.295 0.359)
color.ruby9	—t-color-ruby9	color(display-p3 0.83 0.323 0.408)	color(display-p3 0.83 0.323 0.408)
color.ruby10	—t-color-ruby10	color(display-p3 0.795 0.286 0.375)	color(display-p3 0.857 0.392 0.455)
color.ruby11	—t-color-ruby11	color(display-p3 0.728 0.211 0.311)	color(display-p3 1 0.57 0.59)
color.ruby12	—t-color-ruby12	color(display-p3 0.36 0.115 0.171)	color(display-p3 0.968 0.83 0.88)
color.sage1	—t-color-sage1	color(display-p3 0.986 0.992 0.988)	color(display-p3 0.064 0.07 0.067)
color.sage2	—t-color-sage2	color(display-p3 0.97 0.977 0.974)	color(display-p3 0.092 0.098 0.094)
color.sage3	—t-color-sage3	color(display-p3 0.935 0.944 0.94)	color(display-p3 0.128 0.135 0.131)
color.sage4	—t-color-sage4	color(display-p3 0.904 0.913 0.909)	color(display-p3 0.155 0.164 0.159)
color.sage5	—t-color-sage5	color(display-p3 0.875 0.885 0.88)	color(display-p3 0.183 0.193 0.188)
color.sage6	—t-color-sage6	color(display-p3 0.844 0.854 0.849)	color(display-p3 0.218 0.23 0.224)
color.sage7	—t-color-sage7	color(display-p3 0.8 0.811 0.806)	color(display-p3 0.269 0.285 0.277)
color.sage8	—t-color-sage8	color(display-p3 0.725 0.738 0.732)	color(display-p3 0.362 0.382 0.373)
color.sage9	—t-color-sage9	color(display-p3 0.531 0.556 0.546)	color(display-p3 0.398 0.438 0.421)
color.sage10	—t-color-sage10	color(display-p3 0.492 0.515 0.506)	color(display-p3 0.453 0.49 0.474)
color.sage11	—t-color-sage11	color(display-p3 0.377 0.395 0.389)	color(display-p3 0.685 0.709 0.697)
color.sage12	—t-color-sage12	color(display-p3 0.107 0.129 0.118)	color(display-p3 0.927 0.933 0.93)
color.sand1	—t-color-sand1	color(display-p3 0.992 0.992 0.989)	color(display-p3 0.067 0.067 0.063)
color.sand2	—t-color-sand2	color(display-p3 0.977 0.977 0.973)	color(display-p3 0.098 0.098 0.094)
color.sand3	—t-color-sand3	color(display-p3 0.943 0.942 0.936)	color(display-p3 0.135 0.135 0.129)
color.sand4	—t-color-sand4	color(display-p3 0.913 0.912 0.903)	color(display-p3 0.164 0.163 0.156)
color.sand5	—t-color-sand5	color(display-p3 0.885 0.883 0.873)	color(display-p3 0.193 0.192 0.183)
color.sand6	—t-color-sand6	color(display-p3 0.854 0.852 0.839)	color(display-p3 0.23 0.229 0.217)
color.sand7	—t-color-sand7	color(display-p3 0.813 0.81 0.794)	color(display-p3 0.285 0.282 0.267)
color.sand8	—t-color-sand8	color(display-p3 0.738 0.734 0.713)	color(display-p3 0.384 0.378 0.357)
color.sand9	—t-color-sand9	color(display-p3 0.553 0.553 0.528)	color(display-p3 0.434 0.428 0.403)
color.sand10	—t-color-sand10	color(display-p3 0.511 0.511 0.488)	color(display-p3 0.487 0.481 0.456)
color.sand11	—t-color-sand11	color(display-p3 0.388 0.388 0.37)	color(display-p3 0.707 0.703 0.68)
color.sand12	—t-color-sand12	color(display-p3 0.129 0.126 0.111)	color(display-p3 0.933 0.933 0.926)
color.sky	—t-color-sky	color(display-p3 0.585 0.877 0.983)	color(display-p3 0.585 0.877 0.983)
color.sky1	—t-color-sky1	color(display-p3 0.98 0.995 0.999)	color(display-p3 0.056 0.078 0.116)
color.sky2	—t-color-sky2	color(display-p3 0.953 0.98 0.99)	color(display-p3 0.075 0.101 0.149)
color.sky3	—t-color-sky3	color(display-p3 0.899 0.963 0.989)	color(display-p3 0.089 0.154 0.244)
color.sky4	—t-color-sky4	color(display-p3 0.842 0.937 0.977)	color(display-p3 0.106 0.207 0.323)
color.sky5	—t-color-sky5	color(display-p3 0.777 0.9 0.954)	color(display-p3 0.135 0.261 0.394)
color.sky6	—t-color-sky6	color(display-p3 0.701 0.851 0.921)	color(display-p3 0.17 0.322 0.469)
color.sky7	—t-color-sky7	color(display-p3 0.604 0.785 0.879)	color(display-p3 0.205 0.394 0.557)
color.sky8	—t-color-sky8	color(display-p3 0.457 0.696 0.829)	color(display-p3 0.232 0.48 0.665)
color.sky9	—t-color-sky9	color(display-p3 0.585 0.877 0.983)	color(display-p3 0.585 0.877 0.983)
color.sky10	—t-color-sky10	color(display-p3 0.555 0.845 0.959)	color(display-p3 0.718 0.925 0.991)
color.sky11	—t-color-sky11	color(display-p3 0.193 0.448 0.605)	color(display-p3 0.536 0.772 0.924)
color.sky12	—t-color-sky12	color(display-p3 0.145 0.241 0.329)	color(display-p3 0.799 0.947 0.993)
color.slate1	—t-color-slate1	color(display-p3 0.988 0.988 0.992)	color(display-p3 0.067 0.067 0.074)
color.slate2	—t-color-slate2	color(display-p3 0.976 0.976 0.984)	color(display-p3 0.095 0.098 0.105)
color.slate3	—t-color-slate3	color(display-p3 0.94 0.941 0.953)	color(display-p3 0.13 0.135 0.145)
color.slate4	—t-color-slate4	color(display-p3 0.908 0.909 0.925)	color(display-p3 0.156 0.163 0.176)
color.slate5	—t-color-slate5	color(display-p3 0.88 0.881 0.901)	color(display-p3 0.183 0.191 0.206)
color.slate6	—t-color-slate6	color(display-p3 0.85 0.852 0.876)	color(display-p3 0.215 0.226 0.244)
color.slate7	—t-color-slate7	color(display-p3 0.805 0.808 0.838)	color(display-p3 0.265 0.28 0.302)
color.slate8	—t-color-slate8	color(display-p3 0.727 0.733 0.773)	color(display-p3 0.357 0.381 0.409)
color.slate9	—t-color-slate9	color(display-p3 0.547 0.553 0.592)	color(display-p3 0.415 0.431 0.463)
color.slate10	—t-color-slate10	color(display-p3 0.503 0.512 0.549)	color(display-p3 0.469 0.483 0.514)
color.slate11	—t-color-slate11	color(display-p3 0.379 0.392 0.421)	color(display-p3 0.692 0.704 0.728)
color.slate12	—t-color-slate12	color(display-p3 0.113 0.125 0.14)	color(display-p3 0.93 0.933 0.94)
color.tomato	—t-color-tomato	color(display-p3 0.831 0.345 0.231)	color(display-p3 0.831 0.345 0.231)
color.tomato1	—t-color-tomato1	color(display-p3 0.998 0.989 0.988)	color(display-p3 0.09 0.068 0.067)
color.tomato2	—t-color-tomato2	color(display-p3 0.994 0.974 0.969)	color(display-p3 0.115 0.084 0.076)
color.tomato3	—t-color-tomato3	color(display-p3 0.985 0.924 0.909)	color(display-p3 0.205 0.097 0.083)
color.tomato4	—t-color-tomato4	color(display-p3 0.996 0.868 0.835)	color(display-p3 0.282 0.099 0.077)
color.tomato5	—t-color-tomato5	color(display-p3 0.98 0.812 0.77)	color(display-p3 0.339 0.129 0.101)
color.tomato6	—t-color-tomato6	color(display-p3 0.953 0.75 0.698)	color(display-p3 0.398 0.179 0.141)
color.tomato7	—t-color-tomato7	color(display-p3 0.917 0.673 0.611)	color(display-p3 0.487 0.245 0.194)
color.tomato8	—t-color-tomato8	color(display-p3 0.875 0.575 0.502)	color(display-p3 0.629 0.322 0.248)
color.tomato9	—t-color-tomato9	color(display-p3 0.831 0.345 0.231)	color(display-p3 0.831 0.345 0.231)
color.tomato10	—t-color-tomato10	color(display-p3 0.802 0.313 0.2)	color(display-p3 0.862 0.415 0.298)
color.tomato11	—t-color-tomato11	color(display-p3 0.755 0.259 0.152)	color(display-p3 1 0.585 0.455)
color.tomato12	—t-color-tomato12	color(display-p3 0.335 0.165 0.132)	color(display-p3 0.959 0.833 0.802)
color.transparent.amber1	—t-color-transparent-amber1	#c0800004	#e63c0006
color.transparent.amber2	—t-color-transparent-amber2	#f4d10016	#fd9b000d
color.transparent.amber3	—t-color-transparent-amber3	#ffde003d	#fa820022
color.transparent.amber4	—t-color-transparent-amber4	#ffd40063	#fc820032
color.transparent.amber5	—t-color-transparent-amber5	#f8cf0088	#fd8b0041
color.transparent.amber6	—t-color-transparent-amber6	#eab5008c	#fd9b0051
color.transparent.amber7	—t-color-transparent-amber7	#dc9b009d	#ffab2567
color.transparent.amber8	—t-color-transparent-amber8	#da8a00c9	#ffae3587
color.transparent.amber9	—t-color-transparent-amber9	#ffb300c2	#ffc53d
color.transparent.amber10	—t-color-transparent-amber10	#ffb300e7	#ffd60a
color.transparent.amber11	—t-color-transparent-amber11	#ab6400	#ffca16
color.transparent.amber12	—t-color-transparent-amber12	#341500dd	#ffe7b3
color.transparent.blue1	—t-color-transparent-blue1	#00008002	#1133ff0f
color.transparent.blue2	—t-color-transparent-blue2	#0040ff08	#3354fa17
color.transparent.blue3	—t-color-transparent-blue3	#0047f112	#2f62ff3c
color.transparent.blue4	—t-color-transparent-blue4	#0044ff1e	#3566ff57
color.transparent.blue5	—t-color-transparent-blue5	#0044ff2d	#4171fd6b
color.transparent.blue6	—t-color-transparent-blue6	#003eff3e	#5178fd7c
color.transparent.blue7	—t-color-transparent-blue7	#0037ed54	#5a7fff90
color.transparent.blue8	—t-color-transparent-blue8	#0034dc72	#5b81feac
color.transparent.blue9	—t-color-transparent-blue9	#0031d2c1	#4671ffdb
color.transparent.blue10	—t-color-transparent-blue10	#002ec9cc	#5c7efee3
color.transparent.blue11	—t-color-transparent-blue11	#002bb7c5	#9eb1ff
color.transparent.blue12	—t-color-transparent-blue12	#001046e0	#d6e1ff
color.transparent.bronze1	—t-color-transparent-bronze1	#55000003	#d1110004
color.transparent.bronze2	—t-color-transparent-bronze2	#cc33000a	#fbbc910c
color.transparent.bronze3	—t-color-transparent-bronze3	#92250015	#faceb817
color.transparent.bronze4	—t-color-transparent-bronze4	#80280020	#facdb622
color.transparent.bronze5	—t-color-transparent-bronze5	#7423002c	#ffd2c12d
color.transparent.bronze6	—t-color-transparent-bronze6	#7324003a	#ffd1c03c
color.transparent.bronze7	—t-color-transparent-bronze7	#6c1f004c	#fdd0c04f
color.transparent.bronze8	—t-color-transparent-bronze8	#671c0066	#ffd6c565
color.transparent.bronze9	—t-color-transparent-bronze9	#551a008d	#fec7b09b
color.transparent.bronze10	—t-color-transparent-bronze10	#4c150097	#fecab5a9
color.transparent.bronze11	—t-color-transparent-bronze11	#3d0f00ab	#ffd7c6d1
color.transparent.bronze12	—t-color-transparent-bronze12	#1d0600d4	#fff1e9ec
color.transparent.brown1	—t-color-transparent-brown1	#aa550003	#91110002
color.transparent.brown2	—t-color-transparent-brown2	#aa550009	#fba67c0c
color.transparent.brown3	—t-color-transparent-brown3	#a04b0018	#fcb58c19
color.transparent.brown4	—t-color-transparent-brown4	#9b4a0026	#fbbb8a24
color.transparent.brown5	—t-color-transparent-brown5	#9f4d0035	#fcb88931
color.transparent.brown6	—t-color-transparent-brown6	#a04e0048	#fdba8741
color.transparent.brown7	—t-color-transparent-brown7	#a34e0060	#ffbb8856
color.transparent.brown8	—t-color-transparent-brown8	#9f4a0081	#ffbe8773
color.transparent.brown9	—t-color-transparent-brown9	#823c00a7	#feb87da8
color.transparent.brown10	—t-color-transparent-brown10	#723300ac	#ffc18cb3
color.transparent.brown11	—t-color-transparent-brown11	#522100b9	#fed1aad9
color.transparent.brown12	—t-color-transparent-brown12	#140600d1	#feecd4f2
color.transparent.crimson1	—t-color-transparent-crimson1	#ff005503	#f4126709
color.transparent.crimson2	—t-color-transparent-crimson2	#e0004008	#f22f7a11
color.transparent.crimson3	—t-color-transparent-crimson3	#ff005216	#fe2a8b2a
color.transparent.crimson4	—t-color-transparent-crimson4	#f8005123	#fd158741
color.transparent.crimson5	—t-color-transparent-crimson5	#e5004f31	#fd278f51
color.transparent.crimson6	—t-color-transparent-crimson6	#d0004b41	#fe459763
color.transparent.crimson7	—t-color-transparent-crimson7	#bf004753	#fd559b7f
color.transparent.crimson8	—t-color-transparent-crimson8	#b6004a6c	#fe5b9bab
color.transparent.crimson9	—t-color-transparent-crimson9	#e2005bc2	#fe418de8
color.transparent.crimson10	—t-color-transparent-crimson10	#d70056cb	#ff5693ed
color.transparent.crimson11	—t-color-transparent-crimson11	#c4004fe2	#ff92ad
color.transparent.crimson12	—t-color-transparent-crimson12	#530026e9	#ffd5eafd
color.transparent.cyan1	—t-color-transparent-cyan1	#0099cc05	#0091f70a
color.transparent.cyan2	—t-color-transparent-cyan2	#009db10d	#02a7f211
color.transparent.cyan3	—t-color-transparent-cyan3	#00c2d121	#00befd28
color.transparent.cyan4	—t-color-transparent-cyan4	#00bcd435	#00baff3b
color.transparent.cyan5	—t-color-transparent-cyan5	#01b4cc4a	#00befd4d
color.transparent.cyan6	—t-color-transparent-cyan6	#00a7c162	#00c7fd5e
color.transparent.cyan7	—t-color-transparent-cyan7	#009fbb82	#14cdff75
color.transparent.cyan8	—t-color-transparent-cyan8	#00a3c0c2	#11cfff95
color.transparent.cyan9	—t-color-transparent-cyan9	#00a2c7	#00cfffc3
color.transparent.cyan10	—t-color-transparent-cyan10	#0094b7f8	#28d6ffcd
color.transparent.cyan11	—t-color-transparent-cyan11	#007491ef	#52e1fee5
color.transparent.cyan12	—t-color-transparent-cyan12	#00323ef2	#bbf3fef7
color.transparent.gold1	—t-color-transparent-gold1	#55550003	#91911102
color.transparent.gold2	—t-color-transparent-gold2	#9d8a000d	#f9e29d0b
color.transparent.gold3	—t-color-transparent-gold3	#75600018	#f8ecbb15
color.transparent.gold4	—t-color-transparent-gold4	#6b4e0024	#ffeec41e
color.transparent.gold5	—t-color-transparent-gold5	#60460030	#feecc22a
color.transparent.gold6	—t-color-transparent-gold6	#64440040	#feebcb37
color.transparent.gold7	—t-color-transparent-gold7	#63420055	#ffedcd48
color.transparent.gold8	—t-color-transparent-gold8	#633d0072	#fdeaca5f
color.transparent.gold9	—t-color-transparent-gold9	#5332009a	#ffdba690
color.transparent.gold10	—t-color-transparent-gold10	#492d00a1	#fedfb09d
color.transparent.gold11	—t-color-transparent-gold11	#362100b4	#fee7c6c8
color.transparent.gold12	—t-color-transparent-gold12	#130c00d4	#fef7ede7
color.transparent.grass1	—t-color-transparent-grass1	#00c00004	#00de1205
color.transparent.grass2	—t-color-transparent-grass2	#0099000a	#5ef7780a
color.transparent.grass3	—t-color-transparent-grass3	#00970016	#70fe8c1b
color.transparent.grass4	—t-color-transparent-grass4	#009f0725	#57ff802c
color.transparent.grass5	—t-color-transparent-grass5	#00930536	#68ff8b3b
color.transparent.grass6	—t-color-transparent-grass6	#008f0a4d	#71ff8f4b
color.transparent.grass7	—t-color-transparent-grass7	#018b0f6b	#77fd925d
color.transparent.grass8	—t-color-transparent-grass8	#008d199a	#77fd9070
color.transparent.grass9	—t-color-transparent-grass9	#008619b9	#65ff82a1
color.transparent.grass10	—t-color-transparent-grass10	#007b17c1	#72ff8dae
color.transparent.grass11	—t-color-transparent-grass11	#006514d5	#89ff9fcd
color.transparent.grass12	—t-color-transparent-grass12	#002006df	#ceffceef
color.transparent.gray1	—t-color-transparent-gray1	color(display-p3 0 0 0 / 0.02)	color(display-p3 1 1 1 / 0.031)
color.transparent.gray2	—t-color-transparent-gray2	color(display-p3 0 0 0 / 0.039)	color(display-p3 1 1 1 / 0.059)
color.transparent.gray3	—t-color-transparent-gray3	color(display-p3 0 0 0 / 0.047)	color(display-p3 1 1 1 / 0.047)
color.transparent.gray4	—t-color-transparent-gray4	color(display-p3 0 0 0 / 0.071)	color(display-p3 1 1 1 / 0.071)
color.transparent.gray5	—t-color-transparent-gray5	color(display-p3 0 0 0 / 0.078)	color(display-p3 1 1 1 / 0.102)
color.transparent.gray6	—t-color-transparent-gray6	color(display-p3 0 0 0 / 0.114)	color(display-p3 1 1 1 / 0.114)
color.transparent.gray7	—t-color-transparent-gray7	color(display-p3 0 0 0 / 0.161)	color(display-p3 1 1 1 / 0.141)
color.transparent.gray8	—t-color-transparent-gray8	color(display-p3 0 0 0 / 0.22)	color(display-p3 1 1 1 / 0.22)
color.transparent.gray9	—t-color-transparent-gray9	color(display-p3 0 0 0 / 0.361)	color(display-p3 1 1 1 / 0.427)
color.transparent.gray10	—t-color-transparent-gray10	color(display-p3 0 0 0 / 0.478)	color(display-p3 1 1 1 / 0.478)
color.transparent.gray11	—t-color-transparent-gray11	color(display-p3 0 0 0 / 0.722)	color(display-p3 1 1 1 / 0.565)
color.transparent.gray12	—t-color-transparent-gray12	color(display-p3 0 0 0 / 0.91)	color(display-p3 1 1 1 / 0.91)
color.transparent.green1	—t-color-transparent-green1	#00c04004	#00de4505
color.transparent.green2	—t-color-transparent-green2	#00a32f0b	#29f99d0b
color.transparent.green3	—t-color-transparent-green3	#00a43319	#22ff991e
color.transparent.green4	—t-color-transparent-green4	#00a83829	#11ff992d
color.transparent.green5	—t-color-transparent-green5	#019c393b	#2bffa23c
color.transparent.green6	—t-color-transparent-green6	#00963c52	#44ffaa4b
color.transparent.green7	—t-color-transparent-green7	#00914071	#50fdac5e
color.transparent.green8	—t-color-transparent-green8	#00924ba4	#54ffad73
color.transparent.green9	—t-color-transparent-green9	#008f4acf	#44ffa49e
color.transparent.green10	—t-color-transparent-green10	#008647d4	#43fea4ab
color.transparent.green11	—t-color-transparent-green11	#00713fde	#46fea5d4
color.transparent.green12	—t-color-transparent-green12	#002616e6	#bbffd7f0
color.transparent.iris1	—t-color-transparent-iris1	#0000ff02	#3636fe0e
color.transparent.iris2	—t-color-transparent-iris2	#0000ff07	#564bf916
color.transparent.iris3	—t-color-transparent-iris3	#0011ee0f	#525bff3b
color.transparent.iris4	—t-color-transparent-iris4	#000bff19	#4d58ff5a
color.transparent.iris5	—t-color-transparent-iris5	#000eff25	#5b62fd6b
color.transparent.iris6	—t-color-transparent-iris6	#000aff34	#6d6ffd7a
color.transparent.iris7	—t-color-transparent-iris7	#0008e647	#7777fe8e
color.transparent.iris8	—t-color-transparent-iris8	#0008d964	#7b7afeac
color.transparent.iris9	—t-color-transparent-iris9	#0000c0a4	#6a6afed4
color.transparent.iris10	—t-color-transparent-iris10	#0000b6ae	#7d79ffdc
color.transparent.iris11	—t-color-transparent-iris11	#0600abac	#b1a9ff
color.transparent.iris12	—t-color-transparent-iris12	#000246d8	#e1e0fffe
color.transparent.jade1	—t-color-transparent-jade1	#00c08004	#00de4505
color.transparent.jade2	—t-color-transparent-jade2	#00a3460b	#27fba60c
color.transparent.jade3	—t-color-transparent-jade3	#00ae4819	#02f99920
color.transparent.jade4	—t-color-transparent-jade4	#00a85129	#00ffaa2d
color.transparent.jade5	—t-color-transparent-jade5	#00a2553c	#11ffb63b
color.transparent.jade6	—t-color-transparent-jade6	#009a5753	#34ffc24b
color.transparent.jade7	—t-color-transparent-jade7	#00945f74	#45fdc75e
color.transparent.jade8	—t-color-transparent-jade8	#00976ea9	#48ffcf75
color.transparent.jade9	—t-color-transparent-jade9	#00916bd6	#38feca9d
color.transparent.jade10	—t-color-transparent-jade10	#008764d9	#31fec7ab
color.transparent.jade11	—t-color-transparent-jade11	#007152df	#21fec0d6
color.transparent.jade12	—t-color-transparent-jade12	#002217e2	#b8ffe1ef
color.transparent.lime1	—t-color-transparent-lime1	#66990005	#11bb0003
color.transparent.lime2	—t-color-transparent-lime2	#6b95000c	#78f7000a
color.transparent.lime3	—t-color-transparent-lime3	#96c80029	#9bfd4c1a
color.transparent.lime4	—t-color-transparent-lime4	#8fc60042	#a7fe5c29
color.transparent.lime5	—t-color-transparent-lime5	#81bb0059	#affe6537
color.transparent.lime6	—t-color-transparent-lime6	#72aa006e	#b2fe6d46
color.transparent.lime7	—t-color-transparent-lime7	#61990087	#b6ff6f57
color.transparent.lime8	—t-color-transparent-lime8	#559200ab	#b6fd6d6c
color.transparent.lime9	—t-color-transparent-lime9	#93e4009c	#caff69ed
color.transparent.lime10	—t-color-transparent-lime10	#8fdc00b3	#d4ff70
color.transparent.lime11	—t-color-transparent-lime11	#375f00d0	#d1fe77e4
color.transparent.lime12	—t-color-transparent-lime12	#1e2900e3	#e9febff7
color.transparent.mauve1	—t-color-transparent-mauve1	#55005503	#00000000
color.transparent.mauve2	—t-color-transparent-mauve2	#2b005506	#f5f4f609
color.transparent.mauve3	—t-color-transparent-mauve3	#30004010	#ebeaf814
color.transparent.mauve4	—t-color-transparent-mauve4	#20003618	#eee5f81d
color.transparent.mauve5	—t-color-transparent-mauve5	#20003820	#efe6fe25
color.transparent.mauve6	—t-color-transparent-mauve6	#14003527	#f1e6fd30
color.transparent.mauve7	—t-color-transparent-mauve7	#10003332	#eee9ff40
color.transparent.mauve8	—t-color-transparent-mauve8	#08003145	#eee7ff5d
color.transparent.mauve9	—t-color-transparent-mauve9	#05001d73	#eae6fd6e
color.transparent.mauve10	—t-color-transparent-mauve10	#0500197d	#ece9fd7c
color.transparent.mauve11	—t-color-transparent-mauve11	#0400119c	#f5f1ffb7
color.transparent.mauve12	—t-color-transparent-mauve12	#020008e0	#fdfdffef
color.transparent.mint1	—t-color-transparent-mint1	#00d5aa06	#00dede05
color.transparent.mint2	—t-color-transparent-mint2	#00b18a0d	#00f9f90b
color.transparent.mint3	—t-color-transparent-mint3	#00d29e22	#00fff61d
color.transparent.mint4	—t-color-transparent-mint4	#00cc9937	#00fff42c
color.transparent.mint5	—t-color-transparent-mint5	#00c0914c	#00fff23a
color.transparent.mint6	—t-color-transparent-mint6	#00b08663	#0effeb4a
color.transparent.mint7	—t-color-transparent-mint7	#00a17d81	#34fde55e
color.transparent.mint8	—t-color-transparent-mint8	#009e7fb3	#41ffdf76
color.transparent.mint9	—t-color-transparent-mint9	#00d3a579	#92ffe7e9
color.transparent.mint10	—t-color-transparent-mint10	#00c39982	#aefeedf5
color.transparent.mint11	—t-color-transparent-mint11	#007763fd	#67ffded2
color.transparent.mint12	—t-color-transparent-mint12	#00312ae9	#cbfee9f5
color.transparent.olive1	—t-color-transparent-olive1	#00550003	#00000000
color.transparent.olive2	—t-color-transparent-olive2	#00490007	#f1f2f008
color.transparent.olive3	—t-color-transparent-olive3	#00200010	#f4f5f312
color.transparent.olive4	—t-color-transparent-olive4	#00160018	#f3fef21a
color.transparent.olive5	—t-color-transparent-olive5	#00180020	#f2fbf122
color.transparent.olive6	—t-color-transparent-olive6	#00140028	#f4faed2c
color.transparent.olive7	—t-color-transparent-olive7	#000f0033	#f2fced3b
color.transparent.olive8	—t-color-transparent-olive8	#040f0047	#edfdeb57
color.transparent.olive9	—t-color-transparent-olive9	#050f0078	#ebfde766
color.transparent.olive10	—t-color-transparent-olive10	#040e0082	#f0fdec74
color.transparent.olive11	—t-color-transparent-olive11	#020a00a0	#f6fef4b0
color.transparent.olive12	—t-color-transparent-olive12	#010600e3	#fdfffded
color.transparent.orange1	—t-color-transparent-orange1	#c0400004	#ec360007
color.transparent.orange2	—t-color-transparent-orange2	#ff8e0012	#fe6d000e
color.transparent.orange3	—t-color-transparent-orange3	#ff9c0029	#fb6a0025
color.transparent.orange4	—t-color-transparent-orange4	#ff91014a	#ff590039
color.transparent.orange5	—t-color-transparent-orange5	#ff8b0065	#ff61004a
color.transparent.orange6	—t-color-transparent-orange6	#ff81007d	#fd75045c
color.transparent.orange7	—t-color-transparent-orange7	#ed6c008c	#ff832c75
color.transparent.orange8	—t-color-transparent-orange8	#e35f00aa	#fe84389d
color.transparent.orange9	—t-color-transparent-orange9	#f65e00ea	#fe6d15f7
color.transparent.orange10	—t-color-transparent-orange10	#ef5f00	#ff801f
color.transparent.orange11	—t-color-transparent-orange11	#cc4e00	#ffa057
color.transparent.orange12	—t-color-transparent-orange12	#431200e2	#ffe0c2
color.transparent.pink1	—t-color-transparent-pink1	#ff00aa03	#f412bc09
color.transparent.pink2	—t-color-transparent-pink2	#e0008008	#f420bb12
color.transparent.pink3	—t-color-transparent-pink3	#f4008c16	#fe37cc29
color.transparent.pink4	—t-color-transparent-pink4	#e2008b23	#fc1ec43f
color.transparent.pink5	—t-color-transparent-pink5	#d1008331	#fd35c24e
color.transparent.pink6	—t-color-transparent-pink6	#c0007840	#fd51c75f
color.transparent.pink7	—t-color-transparent-pink7	#b6006f53	#fd62c87b
color.transparent.pink8	—t-color-transparent-pink8	#af006f6c	#ff68c8a2
color.transparent.pink9	—t-color-transparent-pink9	#c8007fbf	#fe49bcd4
color.transparent.pink10	—t-color-transparent-pink10	#c2007ac7	#ff5cc0dc
color.transparent.pink11	—t-color-transparent-pink11	#b60074d6	#ff8dcc
color.transparent.pink12	—t-color-transparent-pink12	#59003bed	#ffd3ecfd
color.transparent.plum1	—t-color-transparent-plum1	#aa00ff03	#f112f108
color.transparent.plum2	—t-color-transparent-plum2	#c000c008	#f22ff211
color.transparent.plum3	—t-color-transparent-plum3	#cc00cc14	#fd4cfd27
color.transparent.plum4	—t-color-transparent-plum4	#c200c921	#f646ff3a
color.transparent.plum5	—t-color-transparent-plum5	#b700bd2e	#f455ff48
color.transparent.plum6	—t-color-transparent-plum6	#a400b03d	#f66dff56
color.transparent.plum7	—t-color-transparent-plum7	#9900a852	#f07cfd70
color.transparent.plum8	—t-color-transparent-plum8	#9000a56e	#ee84ff95
color.transparent.plum9	—t-color-transparent-plum9	#89009eb5	#e961feb6
color.transparent.plum10	—t-color-transparent-plum10	#7f0092bb	#ed70ffc0
color.transparent.plum11	—t-color-transparent-plum11	#730086c1	#f19cfef3
color.transparent.plum12	—t-color-transparent-plum12	#40004be6	#feddfef4
color.transparent.purple1	—t-color-transparent-purple1	#aa00aa03	#b412f90b
color.transparent.purple2	—t-color-transparent-purple2	#8000e008	#b744f714
color.transparent.purple3	—t-color-transparent-purple3	#8e00f112	#c150ff2d
color.transparent.purple4	—t-color-transparent-purple4	#8d00e51d	#bb53fd42
color.transparent.purple5	—t-color-transparent-purple5	#8000db2a	#be5cfd51
color.transparent.purple6	—t-color-transparent-purple6	#7a01d03b	#c16dfd61
color.transparent.purple7	—t-color-transparent-purple7	#6d00c350	#c378fd7a
color.transparent.purple8	—t-color-transparent-purple8	#6600c06c	#c47effa4
color.transparent.purple9	—t-color-transparent-purple9	#5c00adb1	#b661ffc2
color.transparent.purple10	—t-color-transparent-purple10	#53009eb8	#bc6fffcd
color.transparent.purple11	—t-color-transparent-purple11	#52009aba	#d19dff
color.transparent.purple12	—t-color-transparent-purple12	#250049df	#f1ddfffa
color.transparent.red1	—t-color-transparent-red1	#ff000003	#f4121209
color.transparent.red2	—t-color-transparent-red2	#ff000008	#f22f3e11
color.transparent.red3	—t-color-transparent-red3	#f3000d14	#ff173f2d
color.transparent.red4	—t-color-transparent-red4	#ff000824	#fe0a3b44
color.transparent.red5	—t-color-transparent-red5	#ff000632	#ff204756
color.transparent.red6	—t-color-transparent-red6	#f8000442	#ff3e5668
color.transparent.red7	—t-color-transparent-red7	#df000356	#ff536184
color.transparent.red8	—t-color-transparent-red8	#d2000571	#ff5d61b0
color.transparent.red9	—t-color-transparent-red9	#db0007b7	#fe4e54e4
color.transparent.red10	—t-color-transparent-red10	#d10005c1	#ff6465eb
color.transparent.red11	—t-color-transparent-red11	#c40006d3	#ff9592
color.transparent.red12	—t-color-transparent-red12	#55000de8	#ffd1d9
color.transparent.ruby1	—t-color-transparent-ruby1	#ff005503	#f4124a09
color.transparent.ruby2	—t-color-transparent-ruby2	#ff002008	#fe5a7f0e
color.transparent.ruby3	—t-color-transparent-ruby3	#f3002515	#ff235d2c
color.transparent.ruby4	—t-color-transparent-ruby4	#ff002523	#fd195e42
color.transparent.ruby5	—t-color-transparent-ruby5	#ff002a31	#fe2d6b53
color.transparent.ruby6	—t-color-transparent-ruby6	#e4002440	#ff447665
color.transparent.ruby7	—t-color-transparent-ruby7	#ce002553	#ff577d80
color.transparent.ruby8	—t-color-transparent-ruby8	#c300286d	#ff5c7cae
color.transparent.ruby9	—t-color-transparent-ruby9	#db002cb9	#fe4c70e4
color.transparent.ruby10	—t-color-transparent-ruby10	#d2002cc4	#ff617beb
color.transparent.ruby11	—t-color-transparent-ruby11	#c10030db	#ff949d
color.transparent.ruby12	—t-color-transparent-ruby12	#550016e8	#ffd3e2fe
color.transparent.sage1	—t-color-transparent-sage1	#00804004	#00000000
color.transparent.sage2	—t-color-transparent-sage2	#00402008	#f0f2f108
color.transparent.sage3	—t-color-transparent-sage3	#002d1e11	#f3f5f412
color.transparent.sage4	—t-color-transparent-sage4	#001f1519	#f2fefd1a
color.transparent.sage5	—t-color-transparent-sage5	#00180820	#f1fbfa22
color.transparent.sage6	—t-color-transparent-sage6	#00140d28	#edfbf42d
color.transparent.sage7	—t-color-transparent-sage7	#00140a34	#edfcf73c
color.transparent.sage8	—t-color-transparent-sage8	#000f0847	#ebfdf657
color.transparent.sage9	—t-color-transparent-sage9	#00110b79	#dffdf266
color.transparent.sage10	—t-color-transparent-sage10	#00100a83	#e5fdf674
color.transparent.sage11	—t-color-transparent-sage11	#000a07a0	#f4fefbb0
color.transparent.sage12	—t-color-transparent-sage12	#000805e5	#fdfffeed
color.transparent.sand1	—t-color-transparent-sand1	#55550003	#00000000
color.transparent.sand2	—t-color-transparent-sand2	#25250007	#f4f4f309
color.transparent.sand3	—t-color-transparent-sand3	#20100010	#f6f6f513
color.transparent.sand4	—t-color-transparent-sand4	#1f150019	#fefef31b
color.transparent.sand5	—t-color-transparent-sand5	#1f180021	#fbfbeb23
color.transparent.sand6	—t-color-transparent-sand6	#19130029	#fffaed2d
color.transparent.sand7	—t-color-transparent-sand7	#19140035	#fffbed3c
color.transparent.sand8	—t-color-transparent-sand8	#1915014a	#fff9eb57
color.transparent.sand9	—t-color-transparent-sand9	#0f0f0079	#fffae965
color.transparent.sand10	—t-color-transparent-sand10	#0c0c0083	#fffdee73
color.transparent.sand11	—t-color-transparent-sand11	#080800a1	#fffcf4b0
color.transparent.sand12	—t-color-transparent-sand12	#060500e3	#fffffded
color.transparent.sky1	—t-color-transparent-sky1	#00d5ff06	#0044ff0f
color.transparent.sky2	—t-color-transparent-sky2	#00a4db0e	#1171fb18
color.transparent.sky3	—t-color-transparent-sky3	#00b3ee1e	#1184fc33
color.transparent.sky4	—t-color-transparent-sky4	#00ace42e	#128fff49
color.transparent.sky5	—t-color-transparent-sky5	#00a1d841	#1c9dfd5d
color.transparent.sky6	—t-color-transparent-sky6	#0092ca56	#28a5ff72
color.transparent.sky7	—t-color-transparent-sky7	#0089c172	#2badfe8b
color.transparent.sky8	—t-color-transparent-sky8	#0085bf9f	#1db2fea9
color.transparent.sky9	—t-color-transparent-sky9	#00c7fe83	#7ce3fffe
color.transparent.sky10	—t-color-transparent-sky10	#00bcf38b	#a8eeff
color.transparent.sky11	—t-color-transparent-sky11	#00749e	#7cd3ffef
color.transparent.sky12	—t-color-transparent-sky12	#002540e2	#c2f3ff
color.transparent.slate1	—t-color-transparent-slate1	#00005503	#00000000
color.transparent.slate2	—t-color-transparent-slate2	#00005506	#d8f4f609
color.transparent.slate3	—t-color-transparent-slate3	#0000330f	#ddeaf814
color.transparent.slate4	—t-color-transparent-slate4	#00002d17	#d3edf81d
color.transparent.slate5	—t-color-transparent-slate5	#0009321f	#d9edfe25
color.transparent.slate6	—t-color-transparent-slate6	#00002f26	#d6ebfd30
color.transparent.slate7	—t-color-transparent-slate7	#00062e32	#d9edff40
color.transparent.slate8	—t-color-transparent-slate8	#00083046	#d9edff5d
color.transparent.slate9	—t-color-transparent-slate9	#00051d74	#dfebfd6d
color.transparent.slate10	—t-color-transparent-slate10	#00071b7f	#e5edfd7b
color.transparent.slate11	—t-color-transparent-slate11	#0007149f	#f1f7feb5
color.transparent.slate12	—t-color-transparent-slate12	#000509e3	#fcfdffef
color.transparent.tomato1	—t-color-transparent-tomato1	#ff000003	#f1121208
color.transparent.tomato2	—t-color-transparent-tomato2	#ff200008	#ff55330f
color.transparent.tomato3	—t-color-transparent-tomato3	#f52b0018	#ff35232b
color.transparent.tomato4	—t-color-transparent-tomato4	#ff35002c	#fd201142
color.transparent.tomato5	—t-color-transparent-tomato5	#ff2e003d	#fe332153
color.transparent.tomato6	—t-color-transparent-tomato6	#f92d0050	#ff4f3864
color.transparent.tomato7	—t-color-transparent-tomato7	#e7280067	#fd644a7d
color.transparent.tomato8	—t-color-transparent-tomato8	#db250084	#fe6d4ea7
color.transparent.tomato9	—t-color-transparent-tomato9	#df2600d1	#fe5431e4
color.transparent.tomato10	—t-color-transparent-tomato10	#d72400da	#ff6847eb
color.transparent.tomato11	—t-color-transparent-tomato11	#cd2200ea	#ff977d
color.transparent.tomato12	—t-color-transparent-tomato12	#460900e0	#ffd6cefb
color.transparent.turquoise1	—t-color-transparent-turquoise1	#00cc9905	#00deab05
color.transparent.turquoise2	—t-color-transparent-turquoise2	#00aa800c	#12fbe60c
color.transparent.turquoise3	—t-color-transparent-turquoise3	#00c69d1f	#00ffe61e
color.transparent.turquoise4	—t-color-transparent-turquoise4	#00c39633	#00ffe92d
color.transparent.turquoise5	—t-color-transparent-turquoise5	#00b49047	#00ffea3b
color.transparent.turquoise6	—t-color-transparent-turquoise6	#00a6855e	#1cffe84b
color.transparent.turquoise7	—t-color-transparent-turquoise7	#0099807c	#2efde85f
color.transparent.turquoise8	—t-color-transparent-turquoise8	#009783ac	#32ffe775
color.transparent.turquoise9	—t-color-transparent-turquoise9	#009e8ced	#13ffe49f
color.transparent.turquoise10	—t-color-transparent-turquoise10	#009684f2	#0dffe0ae
color.transparent.turquoise11	—t-color-transparent-turquoise11	#008573	#0afed5d6
color.transparent.turquoise12	—t-color-transparent-turquoise12	#00332df2	#b8ffebef
color.transparent.violet1	—t-color-transparent-violet1	#5500aa03	#4422ff0f
color.transparent.violet2	—t-color-transparent-violet2	#4900ff07	#853ff916
color.transparent.violet3	—t-color-transparent-violet3	#4400ee0f	#8354fe36
color.transparent.violet4	—t-color-transparent-violet4	#4300ff1b	#7d51fd50
color.transparent.violet5	—t-color-transparent-violet5	#3600ff26	#845ffd5f
color.transparent.violet6	—t-color-transparent-violet6	#3100fb35	#8f6cfd6d
color.transparent.violet7	—t-color-transparent-violet7	#2d01dd4a	#9879ff83
color.transparent.violet8	—t-color-transparent-violet8	#2b00d066	#977dfea8
color.transparent.violet9	—t-color-transparent-violet9	#2400b7a9	#8668ffcc
color.transparent.violet10	—t-color-transparent-violet10	#2300abb2	#9176fed7
color.transparent.violet11	—t-color-transparent-violet11	#1f0099af	#baa7ff
color.transparent.violet12	—t-color-transparent-violet12	#0b0043d9	#e3defffe
color.transparent.yellow1	—t-color-transparent-yellow1	#aaaa0006	#d1510004
color.transparent.yellow2	—t-color-transparent-yellow2	#f4dd0016	#f9b4000b
color.transparent.yellow3	—t-color-transparent-yellow3	#ffee0047	#ffaa001e
color.transparent.yellow4	—t-color-transparent-yellow4	#ffe3016b	#fdb70028
color.transparent.yellow5	—t-color-transparent-yellow5	#ffd5008f	#febb0036
color.transparent.yellow6	—t-color-transparent-yellow6	#ebbc0097	#fec40046
color.transparent.yellow7	—t-color-transparent-yellow7	#d2a10098	#fdcb225c
color.transparent.yellow8	—t-color-transparent-yellow8	#c99700c6	#fdca327b
color.transparent.yellow9	—t-color-transparent-yellow9	#ffe100d6	#ffe629
color.transparent.yellow10	—t-color-transparent-yellow10	#ffdc00	#ffff57
color.transparent.yellow11	—t-color-transparent-yellow11	#9e6c00	#fee949f5
color.transparent.yellow12	—t-color-transparent-yellow12	#2e2000e0	#fef6baf6
color.turquoise	—t-color-turquoise	color(display-p3 0.297 0.637 0.581)	color(display-p3 0.297 0.637 0.581)
color.turquoise1	—t-color-turquoise1	color(display-p3 0.983 0.996 0.992)	color(display-p3 0.059 0.083 0.079)
color.turquoise2	—t-color-turquoise2	color(display-p3 0.958 0.983 0.976)	color(display-p3 0.075 0.11 0.107)
color.turquoise3	—t-color-turquoise3	color(display-p3 0.895 0.971 0.952)	color(display-p3 0.087 0.175 0.165)
color.turquoise4	—t-color-turquoise4	color(display-p3 0.831 0.949 0.92)	color(display-p3 0.087 0.227 0.214)
color.turquoise5	—t-color-turquoise5	color(display-p3 0.761 0.914 0.878)	color(display-p3 0.12 0.277 0.261)
color.turquoise6	—t-color-turquoise6	color(display-p3 0.682 0.864 0.825)	color(display-p3 0.162 0.335 0.314)
color.turquoise7	—t-color-turquoise7	color(display-p3 0.581 0.798 0.756)	color(display-p3 0.205 0.406 0.379)
color.turquoise8	—t-color-turquoise8	color(display-p3 0.433 0.716 0.671)	color(display-p3 0.245 0.489 0.453)
color.turquoise9	—t-color-turquoise9	color(display-p3 0.297 0.637 0.581)	color(display-p3 0.297 0.637 0.581)
color.turquoise10	—t-color-turquoise10	color(display-p3 0.275 0.599 0.542)	color(display-p3 0.319 0.69 0.62)
color.turquoise11	—t-color-turquoise11	color(display-p3 0.08 0.5 0.43)	color(display-p3 0.388 0.835 0.719)
color.turquoise12	—t-color-turquoise12	color(display-p3 0.11 0.235 0.219)	color(display-p3 0.734 0.934 0.87)
color.violet	—t-color-violet	color(display-p3 0.417 0.341 0.784)	color(display-p3 0.417 0.341 0.784)
color.violet1	—t-color-violet1	color(display-p3 0.991 0.988 0.995)	color(display-p3 0.077 0.071 0.118)
color.violet2	—t-color-violet2	color(display-p3 0.978 0.974 0.998)	color(display-p3 0.101 0.084 0.141)
color.violet3	—t-color-violet3	color(display-p3 0.953 0.943 0.993)	color(display-p3 0.154 0.123 0.256)
color.violet4	—t-color-violet4	color(display-p3 0.916 0.897 1)	color(display-p3 0.191 0.148 0.345)
color.violet5	—t-color-violet5	color(display-p3 0.876 0.851 1)	color(display-p3 0.226 0.182 0.396)
color.violet6	—t-color-violet6	color(display-p3 0.825 0.793 0.981)	color(display-p3 0.269 0.223 0.449)
color.violet7	—t-color-violet7	color(display-p3 0.752 0.712 0.943)	color(display-p3 0.326 0.277 0.53)
color.violet8	—t-color-violet8	color(display-p3 0.654 0.602 0.902)	color(display-p3 0.399 0.346 0.656)
color.violet9	—t-color-violet9	color(display-p3 0.417 0.341 0.784)	color(display-p3 0.417 0.341 0.784)
color.violet10	—t-color-violet10	color(display-p3 0.381 0.306 0.741)	color(display-p3 0.477 0.402 0.823)
color.violet11	—t-color-violet11	color(display-p3 0.383 0.317 0.702)	color(display-p3 0.72 0.65 1)
color.violet12	—t-color-violet12	color(display-p3 0.179 0.15 0.359)	color(display-p3 0.883 0.867 0.986)
color.yellow	—t-color-yellow	color(display-p3 1 0.92 0.22)	color(display-p3 1 0.92 0.22)
color.yellow1	—t-color-yellow1	color(display-p3 0.992 0.992 0.978)	color(display-p3 0.078 0.069 0.047)
color.yellow2	—t-color-yellow2	color(display-p3 0.995 0.99 0.922)	color(display-p3 0.103 0.094 0.063)
color.yellow3	—t-color-yellow3	color(display-p3 0.997 0.982 0.749)	color(display-p3 0.168 0.137 0.039)
color.yellow4	—t-color-yellow4	color(display-p3 0.992 0.953 0.627)	color(display-p3 0.209 0.169 0)
color.yellow5	—t-color-yellow5	color(display-p3 0.984 0.91 0.51)	color(display-p3 0.255 0.209 0)
color.yellow6	—t-color-yellow6	color(display-p3 0.934 0.847 0.474)	color(display-p3 0.31 0.261 0.07)
color.yellow7	—t-color-yellow7	color(display-p3 0.876 0.785 0.46)	color(display-p3 0.389 0.331 0.135)
color.yellow8	—t-color-yellow8	color(display-p3 0.811 0.689 0.313)	color(display-p3 0.497 0.42 0.182)
color.yellow9	—t-color-yellow9	color(display-p3 1 0.92 0.22)	color(display-p3 1 0.92 0.22)
color.yellow10	—t-color-yellow10	color(display-p3 0.977 0.868 0.291)	color(display-p3 1 1 0.456)
color.yellow11	—t-color-yellow11	color(display-p3 0.6 0.44 0)	color(display-p3 0.948 0.885 0.392)
color.yellow12	—t-color-yellow12	color(display-p3 0.271 0.233 0.137)	color(display-p3 0.959 0.934 0.731)

font

Token path	CSS variable	Light	Dark	Numeric
font.color.danger	—t-font-color-danger	color(display-p3 0.83 0.329 0.324)	color(display-p3 0.83 0.329 0.324)
font.color.extraLight	—t-font-color-extra-light	color(display-p3 0.8 0.8 0.8)	color(display-p3 0.298 0.298 0.298)
font.color.inverted	—t-font-color-inverted	color(display-p3 1 1 1)	color(display-p3 0.09 0.09 0.09)
font.color.light	—t-font-color-light	color(display-p3 0.702 0.702 0.702)	color(display-p3 0.4 0.4 0.4)
font.color.onAccent	—t-font-color-on-accent	color(display-p3 1 1 1)	color(display-p3 1 1 1)
font.color.primary	—t-font-color-primary	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
font.color.secondary	—t-font-color-secondary	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
font.color.tertiary	—t-font-color-tertiary	color(display-p3 0.6 0.6 0.6)	color(display-p3 0.506 0.506 0.506)
font.family	—t-font-family	Inter, sans-serif	Inter, sans-serif
font.size.lg	—t-font-size-lg	1.23rem	1.23rem
font.size.md	—t-font-size-md	1rem	1rem
font.size.sm	—t-font-size-sm	0.92rem	0.92rem
font.size.xl	—t-font-size-xl	1.54rem	1.54rem
font.size.xs	—t-font-size-xs	0.85rem	0.85rem
font.size.xxl	—t-font-size-xxl	1.85rem	1.85rem
font.size.xxs	—t-font-size-xxs	0.625rem	0.625rem
font.weight.medium	—t-font-weight-medium	500	500	Yes
font.weight.regular	—t-font-weight-regular	400	400	Yes
font.weight.semiBold	—t-font-weight-semi-bold	600	600	Yes

grayScale

Token path	CSS variable	Light	Dark
grayScale.gray1	—t-gray-scale-gray1	color(display-p3 1 1 1)	color(display-p3 0.09 0.09 0.09)
grayScale.gray2	—t-gray-scale-gray2	color(display-p3 0.988 0.988 0.988)	color(display-p3 0.106 0.106 0.106)
grayScale.gray3	—t-gray-scale-gray3	color(display-p3 0.976 0.976 0.976)	color(display-p3 0.098 0.098 0.098)
grayScale.gray4	—t-gray-scale-gray4	color(display-p3 0.945 0.945 0.945)	color(display-p3 0.114 0.114 0.114)
grayScale.gray5	—t-gray-scale-gray5	color(display-p3 0.922 0.922 0.922)	color(display-p3 0.133 0.133 0.133)
grayScale.gray6	—t-gray-scale-gray6	color(display-p3 0.839 0.839 0.839)	color(display-p3 0.282 0.282 0.282)
grayScale.gray7	—t-gray-scale-gray7	color(display-p3 0.8 0.8 0.8)	color(display-p3 0.298 0.298 0.298)
grayScale.gray8	—t-gray-scale-gray8	color(display-p3 0.702 0.702 0.702)	color(display-p3 0.4 0.4 0.4)
grayScale.gray9	—t-gray-scale-gray9	color(display-p3 0.6 0.6 0.6)	color(display-p3 0.506 0.506 0.506)
grayScale.gray10	—t-gray-scale-gray10	color(display-p3 0.514 0.514 0.514)	color(display-p3 0.482 0.482 0.482)
grayScale.gray11	—t-gray-scale-gray11	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
grayScale.gray12	—t-gray-scale-gray12	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)

icon

Token path	CSS variable	Light	Dark	Numeric
icon.size.lg	—t-icon-size-lg	20	20	Yes
icon.size.md	—t-icon-size-md	16	16	Yes
icon.size.sm	—t-icon-size-sm	14	14	Yes
icon.size.xl	—t-icon-size-xl	24	24	Yes
icon.stroke.lg	—t-icon-stroke-lg	2.5	2.5	Yes
icon.stroke.md	—t-icon-stroke-md	2	2	Yes
icon.stroke.sm	—t-icon-stroke-sm	1.6	1.6	Yes

IllustrationIcon

Token path	CSS variable	Light	Dark
IllustrationIcon.color.blue	—t-illustration-icon-color-blue	color(display-p3 0.569 0.639 0.916)	color(display-p3 0.354 0.445 0.866)
IllustrationIcon.color.gray	—t-illustration-icon-color-gray	color(display-p3 0.6 0.6 0.6)	color(display-p3 0.4 0.4 0.4)
IllustrationIcon.fill.blue	—t-illustration-icon-fill-blue	color(display-p3 0.831 0.87 1)	color(display-p3 0.848 0.881 0.99)
IllustrationIcon.fill.gray	—t-illustration-icon-fill-gray	color(display-p3 0.922 0.922 0.922)	color(display-p3 0.133 0.133 0.133)

lastLayerZIndex

Token path	CSS variable	Light	Dark	Numeric
lastLayerZIndex	—t-last-layer-z-index	2147483647	2147483647	Yes

Token path	CSS variable	Light	Dark
modal.size.compact.width	—t-modal-size-compact-width	360px	360px
modal.size.fullscreen.height	—t-modal-size-fullscreen-height	calc(100dvh / var(—t-zoom, 1))	calc(100dvh / var(—t-zoom, 1))
modal.size.fullscreen.width	—t-modal-size-fullscreen-width	calc(100dvw / var(—t-zoom, 1))	calc(100dvw / var(—t-zoom, 1))
modal.size.lg.width	—t-modal-size-lg-width	53%	53%
modal.size.md.width	—t-modal-size-md-width	400px	400px
modal.size.sm.width	—t-modal-size-sm-width	300px	300px
modal.size.xl.height	—t-modal-size-xl-height	800px	800px
modal.size.xl.width	—t-modal-size-xl-width	1200px	1200px

name

Token path	CSS variable	Light	Dark	Numeric
name	—t-name	light	dark

sidePanelWidth

Token path	CSS variable	Light	Dark	Numeric
sidePanelWidth	—t-side-panel-width	500px	500px

snackBar

Token path	CSS variable	Light	Dark
snackBar.default.backgroundColor	—t-snack-bar-default-background-color	color(display-p3 0 0 0 / 0.039)	color(display-p3 1 1 1 / 0.059)
snackBar.default.color	—t-snack-bar-default-color	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
snackBar.error.backgroundColor	—t-snack-bar-error-background-color	#f3000d14	#ff173f2d
snackBar.error.color	—t-snack-bar-error-color	color(display-p3 0.83 0.329 0.324)	color(display-p3 0.83 0.329 0.324)
snackBar.info.backgroundColor	—t-snack-bar-info-background-color	#0047f112	#3566ff57
snackBar.info.color	—t-snack-bar-info-color	color(display-p3 0.276 0.384 0.837)	color(display-p3 0.276 0.384 0.837)
snackBar.success.backgroundColor	—t-snack-bar-success-background-color	#00a43319	#11ff992d
snackBar.success.color	—t-snack-bar-success-color	color(display-p3 0.297 0.637 0.581)	color(display-p3 0.297 0.637 0.581)
snackBar.warning.backgroundColor	—t-snack-bar-warning-background-color	#ff9c0029	#ff590039
snackBar.warning.color	—t-snack-bar-warning-color	color(display-p3 0.9 0.45 0.2)	color(display-p3 0.9 0.45 0.2)

spacing

Token path	CSS variable	Light	Dark
spacing.0	—t-spacing-0	0px	0px
spacing.0.5	—t-spacing-0_5	2px	2px
spacing.1	—t-spacing-1	4px	4px
spacing.1.5	—t-spacing-1_5	6px	6px
spacing.2	—t-spacing-2	8px	8px
spacing.3	—t-spacing-3	12px	12px
spacing.4	—t-spacing-4	16px	16px
spacing.5	—t-spacing-5	20px	20px
spacing.6	—t-spacing-6	24px	24px
spacing.7	—t-spacing-7	28px	28px
spacing.8	—t-spacing-8	32px	32px
spacing.9	—t-spacing-9	36px	36px
spacing.10	—t-spacing-10	40px	40px
spacing.11	—t-spacing-11	44px	44px
spacing.12	—t-spacing-12	48px	48px
spacing.13	—t-spacing-13	52px	52px
spacing.14	—t-spacing-14	56px	56px
spacing.15	—t-spacing-15	60px	60px
spacing.16	—t-spacing-16	64px	64px
spacing.17	—t-spacing-17	68px	68px
spacing.18	—t-spacing-18	72px	72px
spacing.19	—t-spacing-19	76px	76px
spacing.20	—t-spacing-20	80px	80px
spacing.21	—t-spacing-21	84px	84px
spacing.22	—t-spacing-22	88px	88px
spacing.23	—t-spacing-23	92px	92px
spacing.24	—t-spacing-24	96px	96px
spacing.25	—t-spacing-25	100px	100px
spacing.26	—t-spacing-26	104px	104px
spacing.27	—t-spacing-27	108px	108px
spacing.28	—t-spacing-28	112px	112px
spacing.29	—t-spacing-29	116px	116px
spacing.30	—t-spacing-30	120px	120px
spacing.31	—t-spacing-31	124px	124px
spacing.32	—t-spacing-32	128px	128px

spacingMultiplicator

Token path	CSS variable	Light	Dark	Numeric
spacingMultiplicator	—t-spacing-multiplicator	4	4	Yes

table

Token path	CSS variable	Light	Dark
table.checkboxColumnWidth	—t-table-checkbox-column-width	32px	32px
table.horizontalCellMargin	—t-table-horizontal-cell-margin	8px	8px
table.horizontalCellPadding	—t-table-horizontal-cell-padding	8px	8px

tag

Token path	CSS variable	Light	Dark
tag.background.amber	—t-tag-background-amber	color(display-p3 0.994 0.969 0.782)	color(display-p3 0.178 0.128 0.049)
tag.background.blue	—t-tag-background-blue	color(display-p3 0.933 0.948 0.992)	color(display-p3 0.105 0.141 0.275)
tag.background.bronze	—t-tag-background-bronze	color(display-p3 0.958 0.932 0.919)	color(display-p3 0.147 0.132 0.125)
tag.background.brown	—t-tag-background-brown	color(display-p3 0.959 0.936 0.909)	color(display-p3 0.151 0.13 0.115)
tag.background.crimson	—t-tag-background-crimson	color(display-p3 0.987 0.917 0.941)	color(display-p3 0.203 0.091 0.143)
tag.background.cyan	—t-tag-background-cyan	color(display-p3 0.888 0.965 0.975)	color(display-p3 0.073 0.168 0.209)
tag.background.gold	—t-tag-background-gold	color(display-p3 0.947 0.94 0.909)	color(display-p3 0.141 0.136 0.122)
tag.background.grass	—t-tag-background-grass	color(display-p3 0.923 0.965 0.917)	color(display-p3 0.118 0.163 0.122)
tag.background.gray	—t-tag-background-gray	color(display-p3 0.976 0.976 0.976)	color(display-p3 0.098 0.098 0.098)
tag.background.green	—t-tag-background-green	color(display-p3 0.913 0.964 0.925)	color(display-p3 0.1 0.173 0.133)
tag.background.iris	—t-tag-background-iris	color(display-p3 0.943 0.945 0.992)	color(display-p3 0.128 0.134 0.272)
tag.background.jade	—t-tag-background-jade	color(display-p3 0.912 0.965 0.932)	color(display-p3 0.091 0.176 0.138)
tag.background.lime	—t-tag-background-lime	color(display-p3 0.939 0.965 0.851)	color(display-p3 0.13 0.16 0.099)
tag.background.mauve	—t-tag-background-mauve	color(display-p3 0.946 0.938 0.952)	color(display-p3 0.138 0.134 0.144)
tag.background.mint	—t-tag-background-mint	color(display-p3 0.888 0.972 0.95)	color(display-p3 0.077 0.17 0.168)
tag.background.olive	—t-tag-background-olive	color(display-p3 0.939 0.945 0.937)	color(display-p3 0.131 0.135 0.126)
tag.background.orange	—t-tag-background-orange	color(display-p3 0.989 0.938 0.85)	color(display-p3 0.189 0.12 0.056)
tag.background.pink	—t-tag-background-pink	color(display-p3 0.981 0.917 0.96)	color(display-p3 0.198 0.098 0.179)
tag.background.plum	—t-tag-background-plum	color(display-p3 0.973 0.923 0.98)	color(display-p3 0.192 0.105 0.202)
tag.background.purple	—t-tag-background-purple	color(display-p3 0.963 0.931 0.989)	color(display-p3 0.175 0.112 0.224)
tag.background.red	—t-tag-background-red	color(display-p3 0.985 0.925 0.925)	color(display-p3 0.211 0.081 0.099)
tag.background.ruby	—t-tag-background-ruby	color(display-p3 0.983 0.92 0.928)	color(display-p3 0.208 0.088 0.117)
tag.background.sage	—t-tag-background-sage	color(display-p3 0.935 0.944 0.94)	color(display-p3 0.128 0.135 0.131)
tag.background.sand	—t-tag-background-sand	color(display-p3 0.943 0.942 0.936)	color(display-p3 0.135 0.135 0.129)
tag.background.sky	—t-tag-background-sky	color(display-p3 0.899 0.963 0.989)	color(display-p3 0.089 0.154 0.244)
tag.background.slate	—t-tag-background-slate	color(display-p3 0.94 0.941 0.953)	color(display-p3 0.13 0.135 0.145)
tag.background.tomato	—t-tag-background-tomato	color(display-p3 0.985 0.924 0.909)	color(display-p3 0.205 0.097 0.083)
tag.background.turquoise	—t-tag-background-turquoise	color(display-p3 0.895 0.971 0.952)	color(display-p3 0.087 0.175 0.165)
tag.background.violet	—t-tag-background-violet	color(display-p3 0.953 0.943 0.993)	color(display-p3 0.154 0.123 0.256)
tag.background.yellow	—t-tag-background-yellow	color(display-p3 0.997 0.982 0.749)	color(display-p3 0.168 0.137 0.039)
tag.text.amber	—t-tag-text-amber	color(display-p3 0.64 0.4 0)	color(display-p3 1 0.8 0.29)
tag.text.blue	—t-tag-text-blue	color(display-p3 0.256 0.354 0.755)	color(display-p3 0.63 0.69 1)
tag.text.bronze	—t-tag-text-bronze	color(display-p3 0.471 0.373 0.336)	color(display-p3 0.81 0.707 0.655)
tag.text.brown	—t-tag-text-brown	color(display-p3 0.485 0.374 0.288)	color(display-p3 0.835 0.715 0.597)
tag.text.crimson	—t-tag-text-crimson	color(display-p3 0.731 0.195 0.388)	color(display-p3 1 0.56 0.66)
tag.text.cyan	—t-tag-text-cyan	color(display-p3 0.08 0.48 0.63)	color(display-p3 0.446 0.79 0.887)
tag.text.gold	—t-tag-text-gold	color(display-p3 0.433 0.386 0.305)	color(display-p3 0.784 0.728 0.635)
tag.text.grass	—t-tag-text-grass	color(display-p3 0.263 0.488 0.261)	color(display-p3 0.535 0.807 0.542)
tag.text.gray	—t-tag-text-gray	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
tag.text.green	—t-tag-text-green	color(display-p3 0.19 0.5 0.32)	color(display-p3 0.434 0.828 0.573)
tag.text.iris	—t-tag-text-iris	color(display-p3 0.337 0.326 0.748)	color(display-p3 0.685 0.662 1)
tag.text.jade	—t-tag-text-jade	color(display-p3 0.15 0.5 0.37)	color(display-p3 0.4 0.835 0.656)
tag.text.lime	—t-tag-text-lime	color(display-p3 0.386 0.482 0.227)	color(display-p3 0.771 0.893 0.485)
tag.text.mauve	—t-tag-text-mauve	color(display-p3 0.395 0.388 0.424)	color(display-p3 0.707 0.7 0.735)
tag.text.mint	—t-tag-text-mint	color(display-p3 0.203 0.463 0.397)	color(display-p3 0.482 0.825 0.733)
tag.text.olive	—t-tag-text-olive	color(display-p3 0.38 0.395 0.374)	color(display-p3 0.69 0.709 0.682)
tag.text.orange	—t-tag-text-orange	color(display-p3 0.76 0.34 0)	color(display-p3 1 0.63 0.38)
tag.text.pink	—t-tag-text-pink	color(display-p3 0.698 0.219 0.528)	color(display-p3 1 0.535 0.78)
tag.text.plum	—t-tag-text-plum	color(display-p3 0.543 0.263 0.619)	color(display-p3 0.86 0.602 0.933)
tag.text.purple	—t-tag-text-purple	color(display-p3 0.473 0.281 0.687)	color(display-p3 0.8 0.62 1)
tag.text.red	—t-tag-text-red	color(display-p3 0.744 0.234 0.222)	color(display-p3 1 0.57 0.55)
tag.text.ruby	—t-tag-text-ruby	color(display-p3 0.728 0.211 0.311)	color(display-p3 1 0.57 0.59)
tag.text.sage	—t-tag-text-sage	color(display-p3 0.377 0.395 0.389)	color(display-p3 0.685 0.709 0.697)
tag.text.sand	—t-tag-text-sand	color(display-p3 0.388 0.388 0.37)	color(display-p3 0.707 0.703 0.68)
tag.text.sky	—t-tag-text-sky	color(display-p3 0.193 0.448 0.605)	color(display-p3 0.536 0.772 0.924)
tag.text.slate	—t-tag-text-slate	color(display-p3 0.379 0.392 0.421)	color(display-p3 0.692 0.704 0.728)
tag.text.tomato	—t-tag-text-tomato	color(display-p3 0.755 0.259 0.152)	color(display-p3 1 0.585 0.455)
tag.text.turquoise	—t-tag-text-turquoise	color(display-p3 0.08 0.5 0.43)	color(display-p3 0.388 0.835 0.719)
tag.text.violet	—t-tag-text-violet	color(display-p3 0.383 0.317 0.702)	color(display-p3 0.72 0.65 1)
tag.text.yellow	—t-tag-text-yellow	color(display-p3 0.6 0.44 0)	color(display-p3 0.948 0.885 0.392)

text

Token path	CSS variable	Light	Dark	Numeric
text.iconSizeMedium	—t-text-icon-size-medium	16	16	Yes
text.iconSizeSmall	—t-text-icon-size-small	14	14	Yes
text.iconStrikeBold	—t-text-icon-strike-bold	2.5	2.5	Yes
text.iconStrikeLight	—t-text-icon-strike-light	1.6	1.6	Yes
text.iconStrikeMedium	—t-text-icon-strike-medium	2	2	Yes
text.lineHeight.lg	—t-text-line-height-lg	1.5	1.5	Yes
text.lineHeight.md	—t-text-line-height-md	1.1	1.1	Yes

Token path	CSS variable	Light	Dark
tooltip.background	—t-tooltip-background	color(display-p3 0 0 0 / 0.72)	color(display-p3 0 0 0 / 0.72)
tooltip.color	—t-tooltip-color	color(display-p3 1 1 1 / 1)	color(display-p3 1 1 1 / 1)
tooltip.descriptionColor	—t-tooltip-description-color	color(display-p3 1 1 1 / 0.64)	color(display-p3 1 1 1 / 0.64)

Sviluppatori

App

API

Auto-ospitazione

Contribuire

Libreria UI

Panoramica

accent

animation

background

betweenSiblingsGap

blur

border

boxShadow

buttons

clickableElementBackgroundTransition

code

color

font

grayScale

icon

IllustrationIcon

lastLayerZIndex

name

sidePanelWidth

snackBar

spacing

spacingMultiplicator

table

tag

text

tooltip

​Panoramica

​accent

​animation

​background

​betweenSiblingsGap

​blur

​border

​boxShadow

​buttons

​clickableElementBackgroundTransition

​code

​color

​font

​grayScale

​icon

​IllustrationIcon

​lastLayerZIndex

​modal

​name

​sidePanelWidth

​snackBar

​spacing

​spacingMultiplicator

​table

​tag

​text

​tooltip

Panoramica

accent

animation

background

betweenSiblingsGap

blur

border

boxShadow

buttons

clickableElementBackgroundTransition

code

color

font

grayScale

icon

IllustrationIcon

lastLayerZIndex

modal

name

sidePanelWidth

snackBar

spacing

spacingMultiplicator

table

tag

text

tooltip