Tokens Semánticos
Todos los tokens definidos en tokens/colors.ts, cada uno con su muestra clara (izquierda) y oscura (derecha). Haz clic en una muestra para asignarle un color de /ui/colors, blanco o negro. Los cambios se guardan en este navegador.
base
--bgbody --surface --raised --soft --disabled --muted --textbody --contrast --action --border --divider --ring primary
--primary-ink sidebar
--sidebar-bg --sidebar-text --sidebar-border --sidebar-active --sidebar-text-active --sidebar-bg-active --sidebar-bg-opacity --sidebar-separator-text --sidebar-separator-border --sidebar-submenu-bg --sidebar-submenu-text --sidebar-submenu-border --sidebar-submenu-hover --sidebar-submenu-hover-text --sidebar-submenu-active-bg --sidebar-submenu-active-text --sidebar-sub2-bg --sidebar-sub2-text --sidebar-sub2-border --sidebar-sub2-hover --sidebar-sub2-hover-text --sidebar-sub2-active-bg --sidebar-sub2-active-text --sidebar-header-bg --sidebar-header-text --sidebar-header-border --sidebar-bottom-bg --sidebar-bottom-text --sidebar-bottom-active-bg --sidebar-bottom-active-text header
--header-bg --header-text --header-border --header-surface --header-hover --header-bg-opacity content
--content-bg --content-text --content-border --content-title --content-subtitle --content-header-bg --content-header-border --content-panel-bg --content-panel-text --content-panel-border table
--table-bg --table-text --table-border --table-header-bg --table-header-text --table-row-hover --table-row-active footer
--footer-bg --footer-text --footer-border --footer-muted --footer-bg-opacity input
--input-bg --input-on-bg --input-border --input-placeholder --input-ring