component-toggle

The Toggle token group defines colors and styles for all states and components of the toggle elements. These tokens ensure a consistent and clear visual representation of toggle switches, indicating their active, inactive, and other states within the design system.

#fdfdfc

unselected-state-default

#f9f9f9

unselected-state-hover

#404040

unselected-content

#f4f4f4

unselected-state-active

#a5a5a5

unselected-border

#327c3f

selected-state-default

#388b47

selected-state-hover

#3e9b4f

selected-state-active

#fdfdfc

selected-content

#327c3f

selected-border