Skip to main content
Back to changelog

Selected surfaces and cell radius

vortex-themes v0.6.0: Selected surfaces and cell radius
Back to changelog

Add selected surface colors, use opacity in semantic tokens, and migrate the item border radius to cell.

New features

  • Added surface.selected and primary.selected background tokens.
  • Added opacity support for semantic color tokens through color-mix().

Improvements

  • Made surface hover translucent, lightened neutral 100, and aligned the dark tertiary button hover color.

Breaking changes

  • Renamed the item border radius token to cell. Replace borderRadius.item with borderRadius.cell in custom theme configuration, --vortex-border-radius-item with --vortex-border-radius-cell in CSS, and Tailwind's --radius-item theme variable with --radius-cell (rounded-item becomes rounded-cell). Regenerate custom themes after upgrading.
Before → After
// Before
borderRadius: { item: { borderRadius: "2xs" } }

// After
borderRadius: { cell: { borderRadius: "2xs" } }