Color

the color palette

brand#7D4CDB
background-back
#EDEDED#33333308
background-front
#FFFFFF#444444
background-contrast
#33333310#FFFFFF18
background
#ffffff#000000
text
#444444#f8f8f8
text-strong
#000000#FFFFFF
text-weak
#555555#CCCCCC
text-xweak
#666666#BBBBBB
icon
#666666#f8f8f8
border
rgba(0, 0, 0, 0.33)rgba(255, 255, 255, 0.33)
control
brandaccent-1
focus#6FFFB0
placeholder#AAAAAA
activergba(221, 221, 221, 0.5)
active-backgroundbackground-contrast
active-texttext-strong
selectedbrand
selected-backgroundbrand
selected-texttext-strong
status-critical#FF4040
status-error#FF4040
status-warning#FFAA15
status-ok#00C781
status-unknown#CCCCCC
status-disabled#CCCCCC
graph-0accent-1
graph-1neutral-1
graph-2neutral-2
graph-3neutral-3
graph-4neutral-4
accent-1#6FFFB0
accent-2#FD6FFF
accent-3#81FCED
accent-4#FFCA58
neutral-1#00873D
neutral-2#3D138D
neutral-3#00739D
neutral-4#A2423D
light-1#F8F8F8
light-2#F2F2F2
light-3#EDEDED
light-4#DADADA
light-5#DADADA
light-6#DADADA
dark-1#333333
dark-2#555555
dark-3#777777
dark-4#999999
dark-5#999999
dark-6#999999
black#000000
white#FFFFFF