Colors

The application uses a comprehensive color system with defined palettes for consistency. Each color scale ranges from 25 to 900/950.

Primary

Variable prefix: primary

Semantic Values
main
#2563eb
primary-main
light
#eff6ff
primary-light
dark
#1e40af
primary-dark
contrastText
#ffffff
primary-contrastText
Scale
25
#f5f8ff
primary-25
50
#eff6ff
primary-50
100
#dbeafe
primary-100
200
#bfdbfe
primary-200
300
#93c5fd
primary-300
400
#60a5fa
primary-400
500
#3b82f6
primary-500
600
#2563eb
primary-600
700
#1d4ed8
primary-700
800
#1e40af
primary-800
900
#1e3a8a
primary-900
Secondary

Variable prefix: secondary

Semantic Values
main
#fc99a6
secondary-main
light
#feefea
secondary-light
dark
#b54d6e
secondary-dark
contrastText
#ffffff
secondary-contrastText
Scale
25
#fff9f7
secondary-25
50
#fff5f1
secondary-50
100
#feefea
secondary-100
200
#fedcd6
secondary-200
300
#fec5c2
secondary-300
400
#fdb2b5
secondary-400
500
#fc99a6
secondary-500
600
#d86f87
secondary-600
700
#b54d6e
secondary-700
800
#923058
secondary-800
900
#781d4b
secondary-900
Neutral

Variable prefix: neutral

Scale
25
#f9fafb
neutral-25
50
#f8fafc
neutral-50
100
#f1f5f9
neutral-100
200
#e2e8f0
neutral-200
300
#cbd5e1
neutral-300
400
#94a3b8
neutral-400
500
#64748b
neutral-500
600
#475569
neutral-600
700
#334155
neutral-700
800
#1e293b
neutral-800
900
#0f172a
neutral-900
950
#020617
neutral-950
Success

Variable prefix: success

Semantic Values
main
#12b76a
success-main
light
#6ce9a6
success-light
dark
#027a48
success-dark
contrastText
rgba(0, 0, 0, 0.87)
success-contrastText
Scale
25
#f6fef9
success-25
50
#ecfdf3
success-50
100
#d1fadf
success-100
200
#a6f4c5
success-200
300
#6ce9a6
success-300
400
#32d583
success-400
500
#12b76a
success-500
600
#039855
success-600
700
#027a48
success-700
800
#05603a
success-800
900
#054f31
success-900
Warning

Variable prefix: warning

Semantic Values
main
#f97316
warning-main
light
#fdba74
warning-light
dark
#c2410c
warning-dark
contrastText
rgba(0, 0, 0, 0.87)
warning-contrastText
Scale
25
#fffcf5
warning-25
50
#fff7ed
warning-50
100
#ffedd5
warning-100
200
#fed7aa
warning-200
300
#fdba74
warning-300
400
#fb923c
warning-400
500
#f97316
warning-500
600
#ea580c
warning-600
700
#c2410c
warning-700
800
#9a3412
warning-800
900
#7c2d12
warning-900
Error

Variable prefix: error

Semantic Values
main
#ef4444
error-main
light
#fca5a5
error-light
dark
#b91c1c
error-dark
contrastText
#fff
error-contrastText
Scale
25
#fffbfa
error-25
50
#fef2f2
error-50
100
#fee2e2
error-100
200
#fecaca
error-200
300
#fca5a5
error-300
400
#f87171
error-400
500
#ef4444
error-500
600
#dc2626
error-600
700
#b91c1c
error-700
800
#991b1b
error-800
900
#7f1d1d
error-900
Info

Variable prefix: info

Semantic Values
main
#0ea5e9
info-main
light
#7dd3fc
info-light
dark
#0369a1
info-dark
contrastText
rgba(0, 0, 0, 0.87)
info-contrastText
Scale
25
#fafeff
info-25
50
#f0f9ff
info-50
100
#e0f2fe
info-100
200
#bae6fd
info-200
300
#7dd3fc
info-300
400
#38bdf8
info-400
500
#0ea5e9
info-500
600
#0284c7
info-600
700
#0369a1
info-700
800
#075985
info-800
900
#0c4a6e
info-900
System Colors

Text, Background, and Divider colors.

Text
primary
#0f172a
text-primary
secondary
#64748b
text-secondary
disabled
#cbd5e1
text-disabled
Background
default
#f8fafc
background-default
paper
#ffffff
background-paper
Divider
default
#e2e8f0
divider-default