form-field

The Form-Field token group defines colors and styles for all form elements in the design system, including input fields, dropdowns, and validation states. These tokens ensure a consistent and accessible appearance across forms while clearly communicating user feedback, such as errors or success messages.

form-field

#202020

label

#535353

helper-text

#b60000

danger

#c26400

warning

#327c3f

success

form-field-filled

form-field / filled

#666666

placeholder

#202020

content

rgba(26,27,27,0.05)

background-state-default

rgba(26,27,27,0.08)

background-state-hover

#fdfdfc

background-state-active

rgba(26,27,27,0.55)

border-state-default

rgba(26,27,27,0.6)

border-state-hover

#7847ff

border-state-active

#7847ff

border-state-selected