Prisma

Token Reference 140 tokens

TokenValueDescription
base.disabled{base.disabled}
base.accent{base.accent-dark}
base.accent-foreground{base.accent-foreground-dark}
base.background{base.background-dark}
base.canvas{base.canvas-dark}
base.foreground{base.foreground-dark}
base.background-inverse{base.background-inverse-dark}
base.foreground-inverse{base.foreground-inverse-dark}
base.background-overlay{base.background-overlay}
base.border{base.border-dark}
base.border-ghost{base.border-ghost-dark}
base.border-secondary{base.border-secondary-dark}
base.muted{base.muted-dark}
base.muted-foreground{base.muted-foreground-dark}
base.muted-inverse{base.muted-inverse-dark}
base.muted-inverse-foreground{base.muted-inverse-foreground-dark}
base.input{base.input-dark}
base.input-border{base.input-border-dark}
base.card{base.card-dark}
base.card-subtle{base.card-subtle-dark}
base.card-subtle-inverse{base.card-subtle-inverse-dark}
base.card-border{base.card-border-dark}
base.card-border-ghost{base.card-border-ghost-dark}
base.card-border-subtle{base.card-border-subtle-dark}
base.card-foreground{base.card-foreground-dark}
base.card-inverse{base.card-inverse-dark}
base.card-inverse-foreground{base.card-inverse-foreground-dark}
base.surface{base.surface-dark}
base.surface-foreground{base.surface-foreground-dark}
base.surface-subtle{base.surface-subtle-dark}
base.surface-subtle-foreground{base.surface-subtle-foreground-dark}
base.surface-strong{base.surface-strong-dark}
base.surface-strong-foreground{base.surface-strong-foreground-dark}
base.primary{base.primary-dark}
base.primary-foreground{base.primary-foreground-dark}
base.primary-muted{base.primary-muted-dark}
base.primary-muted-foreground{base.primary-muted-foreground-dark}
base.secondary{base.secondary-dark}
base.secondary-foreground{base.secondary-foreground-dark}
base.secondary-muted{base.secondary-muted-dark}
base.secondary-muted-foreground{base.secondary-muted-foreground-dark}
base.destructive{base.destructive-dark}
base.destructive-foreground{base.destructive-foreground-dark}
base.destructive-muted{base.destructive-muted-dark}
base.destructive-muted-foreground{base.destructive-muted-foreground-dark}
base.warning{base.warning-dark}
base.warning-foreground{base.warning-foreground-dark}
base.warning-muted{base.warning-muted-dark}
base.warning-muted-foreground{base.warning-muted-foreground-dark}
base.success{base.success-dark}
base.success-foreground{base.success-foreground-dark}
base.success-muted{base.success-muted-dark}
base.success-muted-foreground{base.success-muted-foreground-dark}
base.info{base.info-dark}
base.info-foreground{base.info-foreground-dark}
base.info-muted{base.info-muted-dark}
base.info-muted-foreground{base.info-muted-foreground-dark}
state-layer.hover{state-layer.hover-dark}
state-layer.focused{state-layer.focused-dark}
state-layer.disable{state-layer.disable-dark}
state-layer.colored-hover{state-layer.colored-hover-dark}
state-layer.colored-focused{state-layer.colored-focused-dark}
alpha.10{alpha.dark.10}
alpha.20{alpha.dark.20}
alpha.30{alpha.dark.30}
alpha.40{alpha.dark.40}
alpha.50{alpha.dark.50}
alpha.60{alpha.dark.60}
alpha.70{alpha.dark.70}
alpha.80{alpha.dark.80}
alpha.90{alpha.dark.90}
style.block.radius-none{block.radius-none}
style.block.radius-default{block.radius-default}
style.block.margin-default{block.margin-default}
style.block.margin-large{block.margin-large}
style.block.padding-large{block.padding-large}
style.block.padding-default{block.padding-default}
style.block.padding-small{block.padding-small}
style.block.stack-gap-large{block.stack-gap-large}
style.block.stack-gap-default{block.stack-gap-default}
style.block.stack-gap-small{block.stack-gap-small}
style.block.inline-gap-default{block.inline-gap-default}
style.block.inline-gap-small{block.inline-gap-small}
style.block.grid-row-gap{block.grid-row-gap}
style.block.grid-column-gap{block.grid-column-gap}
style.section.radius-default{section.radius-default}
style.section.radius-small{section.radius-small}
style.section.margin-default{section.margin-default}
style.section.margin-large{section.margin-large}
style.section.padding-large{section.padding-large}
style.section.padding-default{section.padding-default}
style.section.padding-small{section.padding-small}
style.section.stack-gap-large{section.stack-gap-large}
style.section.stack-gap-default{section.stack-gap-default}
style.section.stack-gap-small{section.stack-gap-small}
style.section.inline-gap-default{section.inline-gap-default}
style.section.inline-gap-small{section.inline-gap-small}
style.section.grid-row-gap{section.grid-row-gap}
style.section.grid-column-gap{section.grid-column-gap}
style.card.radius-large{module.radius-large}
style.card.radius-default{module.radius-default}
style.card.radius-small{module.radius-small}
style.card.margin-default{module.margin-default}
style.card.margin-large{module.margin-large}
style.card.padding-large{module.padding-large}
style.card.padding-default{module.padding-default}
style.card.padding-small{module.padding-small}
style.card.stack-gap-large{module.stack-gap-large}
style.card.stack-gap-default{module.stack-gap-default}
style.card.stack-gap-small{module.stack-gap-small}
style.card.inline-gap-default{module.inline-gap-default}
style.card.inline-gap-small{module.inline-gap-small}
style.card.grid-row-gap{module.grid-row-gap}
style.card.grid-column-gap{module.grid-column-gap}
style.item.radius{item.radius}
style.item.margin-default{item.margin-default}
style.item.padding-large{item.padding-large}
style.item.padding-default{item.padding-default}
style.item.padding-small{item.padding-small}
style.item.padding-xsmall{item.padding-xsmall}
style.item.stack-gap-default{item.stack-gap-default}
style.item.stack-gap-small{item.stack-gap-small}
style.item.inline-gap-default{item.inline-gap-default}
style.item.inline-gap-small{item.inline-gap-small}
focus.ring-width{focus.ring-width}
focus.ring-offset{focus.ring-offset}
focus.ring-color{focus.ring-color-dark}
focus.ring-color-destructive{focus.ring-color-destructive-dark}
focus.ring-style{focus.ring-style}
elevation.card{elevation.level-1}
elevation.dropdown{elevation.level-2}
elevation.toast{elevation.level-3}
elevation.modal{elevation.level-4}
elevation.spotlight{elevation.level-5}
motion.duration-hover150ms
motion.duration-expand300ms
motion.duration-modal400ms
motion.easing-defaultcubic-bezier(0.2, 0, 0, 1)
motion.easing-entercubic-bezier(0.05, 0.7, 0.1, 1)
motion.easing-exitcubic-bezier(0.3, 0, 0.8, 0.15)