Colors
Primary:
primary
#2675FF
primary-actions
#2675FF
primary-actions--focus
#1265F8
primary-actions--pressed
#0052E3
primary-actions-bg--focus
#EAF1FF
primary-actions-bg--pressed
#CCDDFF
Secondary:
secondary-actions
#BEC2C9
secondary-actions--focus
#9EA6B2
secondary-actions--pressed
#888F9D
secondary-actions-bg--focus
#F1F2F4
secondary-actions-bg--pressed
#E0E2E5
Destructive:
destructive-actions
#FF4D4D
destructive-actions--focus
#FF3636
destructive-actions--pressed
#E31515
destructive-actions-bg--focus
#FFD4D4
destructive-actions-bg--pressed
#FF9696
Active:
active-elements
#2675FF
active-elements--focus
#1265F8
active-elements--pressed
#0052E3
active-elements-bg--focus
#EAF1FF
active-elements-bg--pressed
#CCDDFF
Inactive:
inactive-elements
#BEC2C9
inactive-elements--focus
#9EA6B2
inactive-elements--pressed
#888F9D
inactive-elements-bg--focus
#F1F2F4
inactive-elements-bg--pressed
#E0E2E5
inactive-text
#888F9D
Success:
success
#7ED321
success-actions
#7ED321
success-actions--focus
#6CCE06
success-actions--pressed
#4EA81B
success-actions-bg--focus
#F4FFE9
success-actions-bg--pressed
#E9FFD0
Warning:
warning
#FAB11E
warning-actions
#FAB11E
warning-actions--focus
#EF9A00
warning-actions--pressed
#DB9200
warning-actions-bg--focus
#FFF9EF
warning-actions-bg--pressed
#FDEDD4
Error:
error
#FF4D4D
error-actions
#FF4D4D
Others:
card-shadow-color
#E0E2E5
table-shadow-color
#EBEBEB
default-bg
#F5F6FA
default-text
#263148
ui-lines
#EBEBEB
major-ui-lines
#E0E2E5
progress-line-done
#2675FF
progress-line-not-done
#BEC2C9
icons
#2675FF
sub-bg
#FFFFFF
headers
#263148
placeholders
#9EA6B2
field-borders
#EBEBEB
table-headings
#2675FF
default-loader
#FFFFFF
skeleton-loader
#EDEDED
white
#FFFFFF
black
#000
Colors (red-theme)
Primary:
primary
#fc0303
primary-actions
#5969E4
primary-actions--focus
#2C41DD
primary-actions--pressed
#1E30B8
primary-actions-bg--focus
#E9EBFB
primary-actions-bg--pressed
#BCC3F5
Secondary:
secondary-actions
#8292A5
secondary-actions--focus
#66798E
secondary-actions--pressed
#516071
secondary-actions-bg--focus
#D3D8DF
secondary-actions-bg--pressed
#B5BECA
Destructive:
destructive-actions
#EC444D
destructive-actions--focus
#DB242E
destructive-actions--pressed
#AF1D24
destructive-actions-bg--focus
#FBE5E6
destructive-actions-bg--pressed
#FFCCCE
Active:
active-elements
#EC444D
active-elements--focus
#DB242E
active-elements--pressed
#AF1D24
active-elements-bg--focus
#FBE5E6
active-elements-bg--pressed
#FFCCCE
Inactive:
inactive-elements
#8292A5
inactive-elements--focus
#66798E
inactive-elements--pressed
#516071
inactive-elements-bg--focus
#D3D8DF
inactive-elements-bg--pressed
#B5BECA
inactive-text
#888F9D
Success:
success
#0EB886
success-actions
#0EB886
success-actions--focus
#00b37e
success-actions--pressed
#009f70
success-actions-bg--focus
#d0faee
success-actions-bg--pressed
#afeddb
Warning:
warning
#ECA944
warning-actions
#ECA944
warning-actions--focus
#E89922
warning-actions--pressed
#DB880A
warning-actions-bg--focus
#FDF4E8
warning-actions-bg--pressed
#F6E4CB
Error:
error
#EC444D
error-actions
#EC444D
Others:
card-shadow-color
#CCCCCC
table-shadow-color
#EBEBEB
default-bg
#F7FAFC
default-text
#575757
ui-lines
#E0E2E5
major-ui-lines
#FFCCCE
progress-line-done
#575757
progress-line-not-done
#8292A5
icons
#0E5263
sub-bg
#FFFFFF
headers
#263148
placeholders
#9EA6B2
field-borders
#BEC2C9
table-headings
#0E5263
default-loader
#FFFFFF
skeleton-loader
#EDEDED
white
#FFFFFF
black
#000