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