Border Radius | Value | Example |
---|---|---|
small
|
2px
|
|
medium
|
4px
|
|
large
|
8px
|
|
full
|
100vw
|
Color | Value | Example |
---|---|---|
neutral-900
|
rgba(30, 30, 36, 1)
|
|
neutral-800
|
rgba(43, 45, 51, 1)
|
|
neutral-700
|
rgba(71, 73, 82, 1)
|
|
neutral-600
|
rgba(99, 102, 112, 1)
|
|
neutral-500
|
rgba(130, 136, 147, 1)
|
|
neutral-400
|
rgba(180, 186, 197, 1)
|
|
neutral-300
|
rgba(213, 218, 224, 1)
|
|
neutral-200
|
rgba(233, 236, 240, 1)
|
|
neutral-050
|
rgba(252, 252, 253, 1)
|
|
neutral-white
|
rgba(255, 255, 255, 1)
|
|
neutral-black
|
rgba(0, 0, 0, 1)
|
|
primary-700
|
rgba(28, 19, 101, 1)
|
|
primary-600
|
rgba(35, 42, 173, 1)
|
|
primary-500
|
rgba(54, 64, 245, 1)
|
|
primary-400
|
rgba(92, 108, 255, 1)
|
|
primary-300
|
rgba(130, 143, 255, 1)
|
|
primary-200
|
rgba(189, 195, 255, 1)
|
|
primary-100
|
rgba(235, 237, 255, 1)
|
|
primary-050
|
rgba(245, 246, 255, 1)
|
|
primary-muted-600
|
rgba(101, 105, 160, 1)
|
|
primary-muted-300
|
rgba(149, 185, 255, 1)
|
|
accent-1-600
|
rgba(255, 100, 100, 1)
|
|
accent-1-500
|
rgba(255, 137, 125, 1)
|
|
accent-1-400
|
rgba(255, 172, 163, 1)
|
|
accent-2-600
|
rgba(249, 178, 20, 1)
|
|
accent-2-500
|
rgba(255, 221, 84, 1)
|
|
accent-2-400
|
rgba(255, 236, 112, 1)
|
|
accent-3-600
|
rgba(129, 35, 173, 1)
|
|
accent-3-500
|
rgba(175, 95, 239, 1)
|
|
accent-3-400
|
rgba(222, 189, 255, 1)
|
|
success-600
|
rgba(0, 107, 36, 1)
|
|
success-500
|
rgba(5, 125, 39, 1)
|
|
success-400
|
rgba(21, 179, 18, 1)
|
|
success-300
|
rgba(81, 209, 123, 1)
|
|
success-200
|
rgba(157, 239, 184, 1)
|
|
success-100
|
rgba(203, 248, 218, 1)
|
|
success-050
|
rgba(236, 253, 241, 1)
|
|
success-vivid-300
|
rgba(145, 232, 123, 1)
|
|
success-muted-500
|
rgba(108, 137, 94, 1)
|
|
success-muted-300
|
rgba(137, 211, 163, 1)
|
|
info-700
|
rgba(28, 19, 101, 1)
|
|
info-600
|
rgba(35, 42, 173, 1)
|
|
info-500
|
rgba(54, 64, 245, 1)
|
|
info-400
|
rgba(92, 108, 255, 1)
|
|
info-300
|
rgba(130, 143, 255, 1)
|
|
info-200
|
rgba(189, 195, 255, 1)
|
|
info-100
|
rgba(235, 237, 255, 1)
|
|
info-050
|
rgba(245, 246, 255, 1)
|
|
info-muted-600
|
rgba(101, 105, 160, 1)
|
|
info-muted-300
|
rgba(149, 185, 255, 1)
|
|
warning-600
|
rgba(158, 75, 8, 1)
|
|
warning-500
|
rgba(196, 107, 4, 1)
|
|
warning-400
|
rgba(227, 133, 25, 1)
|
|
warning-300
|
rgba(251, 194, 127, 1)
|
|
warning-200
|
rgba(250, 218, 181, 1)
|
|
warning-100
|
rgba(253, 237, 219, 1)
|
|
warning-050
|
rgba(255, 245, 235, 1)
|
|
warning-vivid-300
|
rgba(253, 168, 70, 1)
|
|
warning-muted-500
|
rgba(150, 125, 96, 1)
|
|
warning-muted-300
|
rgba(235, 193, 144, 1)
|
|
error-600
|
rgba(170, 0, 0, 1)
|
|
error-500
|
rgba(195, 47, 47, 1)
|
|
error-400
|
rgba(245, 78, 78, 1)
|
|
error-300
|
rgba(252, 123, 123, 1)
|
|
error-200
|
rgba(255, 185, 185, 1)
|
|
error-100
|
rgba(252, 229, 229, 1)
|
|
error-050
|
rgba(255, 246, 246, 1)
|
|
error-muted-500
|
rgba(152, 93, 97, 1)
|
|
error-muted-300
|
rgba(239, 169, 169, 1)
|