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

#666666

placeholder

#202020

content

#fdfdfc

background-state-default

#f9f9f9

background-state-hover

#fdfdfc

background-state-active

#a5a5a5

border-state-default

#999999

border-state-hover

#7f7f7f

border-state-active

#7847ff

border-state-selected