component-button

The Button token group defines colors and styles for all buttons in the design system.

component-button-primary

component / button / primary

#7847ff

state-default

#6c40e5

state-hover

#6039cc

state-active

#fdfdfc

content

#4e2ea6

border

component-button-secondary

component / button / secondary

#fdfdfc

state-default

#f1edff

state-hover

#e4daff

state-active

#6039cc

content

#7847ff

border

component-button-tertiary

component / button / tertiary

#f4f4f4

state-default

#e5e5e5

state-hover

#d9d9d9

state-active

#202020

content

#e5e5e5

border

component-button-plain

component / button / plain

rgba(255,255,255,0)

state-default

#f1edff

state-hover

#e4daff

state-active

#6039cc

content

rgba(255,255,255,0)

border