نظرة عامة
يتم إنشاء هذا المرجع من تعريفات الرموز نفسها التي تُستخدم في أوراق أنماط سمة Twenty UI. تتوافق مسارات الرموز مع الإدخالات فيthemeCssVariables وuseTheme()؛ ويمكن استخدام أسماء متغيرات CSS مباشرةً في أوراق الأنماط.
- فضّل الرموز الدلالية مثل
background.primaryوfont.color.primaryلأسطح التطبيق والنصوص. - الرموز الرقمية بلا وحدات في CSS. اضربها في طول عند الحاجة، على سبيل المثال
calc(var(--t-icon-size-md) * 1px). ضمنThemeProviderمُركّب مع تحميل ورقة أنماط السمة، تحوّلuseTheme()هذه القيم إلى أرقام JavaScript؛ ومن دون موفّر، تُرجع مراجع متغيرات CSS. - القيم التي تحتوي على
var(...)أوcalc(...)هي تعبيرات CSS، وليست قياسات محسوبة مسبقًا. - القيم أدناه هي قيم ورقة الأنماط الأساسية. يمكن لتجاوزات السمة وأنماط squircle المدعومة تغيير القيم المحسوبة. تُضاعف أنماط squircle رموز نصف القطر المحددة؛ بينما تحتفظ رموز round وpill الصريحة بأنصاف أقطارها الأساسية.
accent
| Token path | CSS variable | Light | Dark | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 |
modal
| Token path | CSS variable | Light | Dark | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 | Numeric |
|---|---|---|---|---|
| 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 |
tooltip
| Token path | CSS variable | Light | Dark | Numeric |
|---|---|---|---|---|
| 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) |