selected

The Selected token group defines colors and styles for all selected states of components. These tokens ensure a consistent visual indication of active selections, helping users easily identify the current choice or focus within the design system.

 

selected
#7847ff
state-default
#6c40e5
state-hover
#6039cc
state-active
#7847ff
content-basic
#fdfdfc
content-subtle
#f1edff
background-subtle
#7847ff
background-basic
#7847ff
border-basic
#f1edff
border-subtle

© 2026 Spirit. Page last updated on Jan 6, 2026, 14:56