Sizes, motion durations, easing, focus ring and popover animations that FewTone UI components use. Adds only what your project does not define yet.
pnpm dlx shadcn@latest add "https://ui.fewtone.com/r/tokens.json"
Light Mode
--size-control-sm:
--size-control-md:
--size-control-lg:
--size-icon-sm:
--size-icon-md:
--size-icon-lg:
--size-roll-fade:
--size-roll-fade-x:
--duration-instant:
--duration-fast:
--duration-base:
--duration-slow:
--duration-slower:
--z-overlay:
--z-modal:
--z-popover:
--z-toast:
--z-tooltip:
--focus-ring-width:
--focus-ring-offset:
--opacity-disabled:
--ease-spring:
--destructive-foreground:
oklch(1 0 0)
--overlay:
Dark Mode
Theme
--animate-popover-in:
--animate-popover-out:
--animate-collapsible-open:
--animate-collapsible-close:
CSS