Estúdio de personalização

Tokens

117 editáveis · 10 bloqueados

Obsidian

Hex oficial de referência. Experimentar no estúdio não altera os arquivos do repo.

Steel

Mist

White

Violet AI

Cyan Pulse

Não editáveis em tempo real

derived.color-mix-stops--rf-*-soft|muted|strongTons derivados usam color-mix a partir das hues de marca. Alterar a hue no estúdio já recalcula; editar o % do mix exigiria reescrever a fórmula CSS e não é seguro em tempo real.
motion.reduced-motion@media (prefers-reduced-motion: reduce)Preferência do sistema zera durações/distâncias. Não deve ser contornada pelo estúdio.
icons.strokeWidth-jsstrokeWidth dos ícones Lucide vem de constante TypeScript (lib/icons). --rf-icon-stroke só afeta uso via CSS.
radius.full--rf-radius-full9999px para círculos/avatars. Editar em tempo real quebraria padrões circulares sem ganho visual útil.
motion.duration-instant--rf-duration-instantSempre 0ms por contrato; não faz sentido editar.
shadcn-tw-animate-keyframesKeyframes enter/exit de overlays (tw-animate-css / Radix) não são tokens --rf-*; o estúdio não mexe neles.
chart.recharts-js-animationisAnimationActive e timings internos do Recharts não leem --rf-duration; só cores de série são tokens.
material.glass-fill-color-mix--rf-glass-fill|highlight|borderPreenchimentos usam color-mix com tokens de marca. Editar o mix completo no estúdio é frágil; ajuste blur/sombra/radius e as hues de marca.
material.reduced-transparency@media (prefers-reduced-transparency)Preferência do sistema força fallback opaco. Não deve ser contornada.
apple.native-refractionRefração óptica e adaptação nativa do Liquid Glass Apple não existem em CSS web; backdrop-filter é interpretação.

Total no registro: 117 variáveis cobertas pelo editor.

Preview

Carregando preview…