base.disabled | 50 | |
base.accent | var(--color-prisma-blue-50) | |
base.accent-dark | rgba(0, 91, 170, 0.12) | |
base.accent-foreground | var(--color-prisma-blue-600) | |
base.accent-foreground-dark | var(--color-prisma-blue-400) | |
base.background | #ffffff | |
base.background-dark | var(--color-zinc-950) | |
base.canvas | var(--color-zinc-50) | |
base.canvas-dark | var(--color-zinc-900) | |
base.foreground | var(--color-zinc-900) | |
base.foreground-dark | var(--color-zinc-50) | |
base.background-inverse | var(--color-zinc-950) | |
base.background-inverse-dark | var(--color-zinc-50) | |
base.foreground-inverse | var(--color-zinc-50) | |
base.foreground-inverse-dark | var(--color-zinc-950) | |
base.background-overlay | rgba(0, 0, 0, 0.64) | |
base.border | var(--color-zinc-200) | |
base.border-dark | rgba(255, 255, 255, 0.12) | |
base.border-ghost | rgba(0, 0, 0, 0) | |
base.border-ghost-dark | rgba(255, 255, 255, 0.04) | |
base.border-secondary | rgba(255, 255, 255, 0.64) | |
base.border-secondary-dark | rgba(255, 255, 255, 0.08) | |
base.muted | var(--color-zinc-100) | |
base.muted-dark | var(--color-zinc-800) | |
base.muted-foreground | var(--color-zinc-500) | |
base.muted-foreground-dark | var(--color-zinc-400) | |
base.muted-inverse | var(--color-zinc-600) | |
base.muted-inverse-dark | var(--color-zinc-100) | |
base.muted-inverse-foreground | var(--color-zinc-300) | |
base.muted-inverse-foreground-dark | var(--color-zinc-100) | |
base.input | #ffffff | |
base.input-dark | rgba(255, 255, 255, 0.08) | |
base.input-border | var(--color-zinc-300) | |
base.input-border-dark | rgba(255, 255, 255, 0.16) | |
base.card | #ffffff | |
base.card-dark | var(--color-zinc-900) | |
base.card-subtle | rgba(252, 252, 255, 0.70) | |
base.card-subtle-dark | rgba(23, 23, 26, 0.60) | |
base.card-subtle-inverse | rgba(23, 23, 26, 0.60) | |
base.card-subtle-inverse-dark | rgba(252, 252, 255, 0.70) | |
base.card-border | var(--color-zinc-200) | |
base.card-border-dark | rgba(255, 255, 255, 0.12) | |
base.card-border-ghost | rgba(0, 0, 0, 0) | |
base.card-border-ghost-dark | rgba(255, 255, 255, 0.08) | |
base.card-border-subtle | var(--color-zinc-100) | |
base.card-border-subtle-dark | var(--color-zinc-700) | |
base.card-foreground | var(--color-zinc-950) | |
base.card-foreground-dark | var(--color-zinc-50) | |
base.card-inverse | var(--color-zinc-800) | |
base.card-inverse-dark | var(--color-zinc-100) | |
base.card-inverse-foreground | #ffffff | |
base.card-inverse-foreground-dark | var(--color-zinc-800) | |
base.surface | #ffffff | |
base.surface-dark | var(--color-zinc-800) | |
base.surface-foreground | var(--color-zinc-900) | |
base.surface-foreground-dark | var(--color-zinc-50) | |
base.surface-subtle | rgba(252, 252, 255, 0.70) | |
base.surface-subtle-dark | rgba(23, 23, 26, 0.60) | |
base.surface-subtle-foreground | var(--color-zinc-900) | |
base.surface-subtle-foreground-dark | rgba(252, 252, 255, 0.80) | |
base.surface-strong | rgba(23, 23, 26, 0.60) | |
base.surface-strong-dark | rgba(252, 252, 255, 0.70) | |
base.surface-strong-foreground | var(--color-zinc-50) | |
base.surface-strong-foreground-dark | var(--color-zinc-800) | |
base.primary | var(--color-prisma-blue-500) | |
base.primary-dark | var(--color-prisma-blue-400) | |
base.primary-foreground | var(--color-prisma-blue-50) | |
base.primary-foreground-dark | var(--color-prisma-blue-50) | |
base.primary-muted | var(--color-prisma-blue-50) | |
base.primary-muted-dark | rgba(0, 91, 170, 0.24) | |
base.primary-muted-foreground | var(--color-prisma-blue-500) | |
base.primary-muted-foreground-dark | var(--color-prisma-blue-300) | |
base.secondary | var(--color-prisma-red-500) | |
base.secondary-dark | var(--color-prisma-red-500) | |
base.secondary-foreground | var(--color-prisma-red-50) | |
base.secondary-foreground-dark | var(--color-prisma-red-50) | |
base.secondary-muted | var(--color-prisma-red-50) | |
base.secondary-muted-dark | var(--color-prisma-red-100) | |
base.secondary-muted-foreground | var(--color-prisma-red-700) | |
base.secondary-muted-foreground-dark | var(--color-prisma-red-700) | |
base.destructive | var(--color-red-500) | |
base.destructive-dark | var(--color-red-500) | |
base.destructive-foreground | #ffffff | |
base.destructive-foreground-dark | #ffffff | |
base.destructive-muted | var(--color-red-50) | |
base.destructive-muted-dark | rgba(248, 113, 113, 0.24) | |
base.destructive-muted-foreground | var(--color-red-700) | |
base.destructive-muted-foreground-dark | var(--color-red-600) | |
base.warning | var(--color-amber-500) | |
base.warning-dark | var(--color-amber-500) | |
base.warning-foreground | var(--color-amber-50) | |
base.warning-foreground-dark | var(--color-amber-50) | |
base.warning-muted | var(--color-amber-50) | |
base.warning-muted-dark | rgba(251, 191, 36, 0.24) | |
base.warning-muted-foreground | var(--color-amber-600) | |
base.warning-muted-foreground-dark | var(--color-amber-500) | |
base.success | var(--color-emerald-500) | |
base.success-dark | var(--color-emerald-500) | |
base.success-foreground | var(--color-emerald-50) | |
base.success-foreground-dark | var(--color-emerald-50) | |
base.success-muted | var(--color-emerald-50) | |
base.success-muted-dark | rgba(52, 211, 153, 0.24) | |
base.success-muted-foreground | var(--color-emerald-600) | |
base.success-muted-foreground-dark | var(--color-emerald-500) | |
base.info | var(--color-sky-500) | |
base.info-dark | var(--color-sky-500) | |
base.info-foreground | var(--color-sky-50) | |
base.info-foreground-dark | var(--color-sky-50) | |
base.info-muted | var(--color-sky-50) | |
base.info-muted-dark | rgba(56, 189, 248, 0.24) | |
base.info-muted-foreground | var(--color-sky-600) | |
base.info-muted-foreground-dark | var(--color-sky-500) | |
base.gradient-ground-start | oklch(0.32 0.18 255) | |
base.gradient-ground-mid | oklch(0.58 0.22 250) | |
base.gradient-ground-end | oklch(0.78 0.14 210) | |
base.gradient-ground-foreground | oklch(0.95 0.02 250) | |
base.gradient-card-start | oklch(0.32 0.18 255) | |
base.gradient-card-mid | oklch(0.56 0.24 248) | |
base.gradient-card-end | oklch(0.80 0.12 200) | |
base.gradient-card-foreground | #ffffff | |
base.gradient-mesh-1 | oklch(0.50 0.27 285) | |
base.gradient-mesh-2 | oklch(0.58 0.24 250) | |
base.gradient-mesh-3 | oklch(0.72 0.16 195) | |
base.gradient-mesh-4 | oklch(0.68 0.22 295) | |
state-layer.hover | rgba(30, 41, 59, 0.06) | |
state-layer.hover-dark | rgba(255, 255, 255, 0.12) | |
state-layer.focused | rgba(30, 41, 59, 0.08) | |
state-layer.focused-dark | rgba(255, 255, 255, 0.08) | |
state-layer.disable | rgba(30, 41, 59, 0.04) | |
state-layer.disable-dark | rgba(255, 255, 255, 0.08) | |
state-layer.colored-hover | rgba(255, 255, 255, 0.08) | |
state-layer.colored-hover-dark | rgba(255, 255, 255, 0.12) | |
state-layer.colored-focused | rgba(255, 255, 255, 0.16) | |
state-layer.colored-focused-dark | rgba(255, 255, 255, 0.16) | |
alpha.light.10 | rgba(255, 255, 255, 0.90) | |
alpha.light.20 | rgba(255, 255, 255, 0.80) | |
alpha.light.30 | rgba(255, 255, 255, 0.70) | |
alpha.light.40 | rgba(255, 255, 255, 0.60) | |
alpha.light.50 | rgba(255, 255, 255, 0.50) | |
alpha.light.60 | rgba(255, 255, 255, 0.40) | |
alpha.light.70 | rgba(255, 255, 255, 0.30) | |
alpha.light.80 | rgba(255, 255, 255, 0.20) | |
alpha.light.90 | rgba(255, 255, 255, 0.10) | |
alpha.dark.10 | rgba(15, 23, 42, 0.90) | |
alpha.dark.20 | rgba(15, 23, 42, 0.80) | |
alpha.dark.30 | rgba(15, 23, 42, 0.70) | |
alpha.dark.40 | rgba(15, 23, 42, 0.60) | |
alpha.dark.50 | rgba(15, 23, 42, 0.50) | |
alpha.dark.60 | rgba(15, 23, 42, 0.40) | |
alpha.dark.70 | rgba(15, 23, 42, 0.30) | |
alpha.dark.80 | rgba(15, 23, 42, 0.20) | |
alpha.dark.90 | rgba(15, 23, 42, 0.10) | |