emotion

The Emotion token group defines colors and styles for validation states and alerts, such as success, error, and warning.

emotion-informative

#0052ad
state-default
#005cc2
state-hover
#0066d8
state-active
#f2f7fd
background-subtle
#0052ad
background-basic
#fdfdfc
content-subtle
#00428c
content-basic
#80b2eb
border-subtle
#0052ad
border-basic

emotion-success

#327c3f
state-default
#388b47
state-hover
#3e9b4f
state-active
#f5faf6
background-subtle
#327c3f
background-basic
#fdfdfc
content-subtle
#286533
content-basic
#9ecda7
border-subtle
#327c3f
border-basic

emotion-warning

#c26400
state-default
#da7100
state-hover
#f27d00
state-active
#c26400
background-basic
#fef8f2
background-subtle
#fdfdfc
content-subtle
#9d5100
content-basic
#f9be80
border-subtle
#c26400
border-basic

emotion-danger

#b60000
state-default
#cd0000
state-hover
#e40000
state-active
#fef2f2
background-subtle
#b60000
background-basic
#fdfdfc
content-subtle
#940000
content-basic
#f18080
border-subtle
#b60000
border-basic

© 2025 Spirit. Page last updated on Nov 30, 2024, 20:32