| accent-color-100 |
{blue-100} |
light: rgb(245, 249, 255); dark: rgb(14, 23, 63); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| accent-color-200 |
{blue-200} |
light: rgb(229, 240, 254); dark: rgb(15, 28, 82); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| accent-color-300 |
{blue-300} |
light: rgb(203, 226, 254); dark: rgb(12, 33, 117); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| accent-color-400 |
{blue-400} |
light: rgb(172, 207, 253); dark: rgb(18, 45, 154); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| accent-color-500 |
{blue-500} |
light: rgb(142, 185, 252); dark: rgb(26, 58, 195); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| accent-color-600 |
{blue-600} |
light: rgb(114, 158, 253); dark: rgb(37, 73, 229); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| accent-color-700 |
{blue-700} |
light: rgb(93, 137, 255); dark: rgb(52, 91, 248); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| accent-color-800 |
{blue-800} |
light: rgb(75, 117, 255); dark: rgb(64, 105, 253); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| accent-color-900 |
{blue-900} |
light: rgb(59, 99, 251); dark: rgb(86, 129, 255); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| accent-color-1000 |
{blue-1000} |
light: rgb(39, 77, 234); dark: rgb(105, 149, 254); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| accent-color-1100 |
{blue-1100} |
light: rgb(29, 62, 207); dark: rgb(124, 169, 252); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| accent-color-1200 |
{blue-1200} |
light: rgb(21, 50, 173); dark: rgb(152, 192, 252); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| accent-color-1300 |
{blue-1300} |
light: rgb(16, 40, 140); dark: rgb(181, 213, 253); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| accent-color-1400 |
{blue-1400} |
light: rgb(12, 31, 105); dark: rgb(213, 231, 254); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| accent-color-1500 |
{blue-1500} |
dark: rgb(238, 245, 255); light: rgb(14, 24, 67); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| accent-color-1600 |
{blue-1600} |
dark: rgb(255, 255, 255); light: rgb(7, 11, 30); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| informative-color-100 |
{blue-100} |
light: rgb(245, 249, 255); dark: rgb(14, 23, 63); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| informative-color-200 |
{blue-200} |
light: rgb(229, 240, 254); dark: rgb(15, 28, 82); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| informative-color-300 |
{blue-300} |
light: rgb(203, 226, 254); dark: rgb(12, 33, 117); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| informative-color-400 |
{blue-400} |
light: rgb(172, 207, 253); dark: rgb(18, 45, 154); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| informative-color-500 |
{blue-500} |
light: rgb(142, 185, 252); dark: rgb(26, 58, 195); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| informative-color-600 |
{blue-600} |
light: rgb(114, 158, 253); dark: rgb(37, 73, 229); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| informative-color-700 |
{blue-700} |
light: rgb(93, 137, 255); dark: rgb(52, 91, 248); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| informative-color-800 |
{blue-800} |
light: rgb(75, 117, 255); dark: rgb(64, 105, 253); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| informative-color-900 |
{blue-900} |
light: rgb(59, 99, 251); dark: rgb(86, 129, 255); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| informative-color-1000 |
{blue-1000} |
light: rgb(39, 77, 234); dark: rgb(105, 149, 254); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| informative-color-1100 |
{blue-1100} |
light: rgb(29, 62, 207); dark: rgb(124, 169, 252); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| informative-color-1200 |
{blue-1200} |
light: rgb(21, 50, 173); dark: rgb(152, 192, 252); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| informative-color-1300 |
{blue-1300} |
light: rgb(16, 40, 140); dark: rgb(181, 213, 253); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| informative-color-1400 |
{blue-1400} |
light: rgb(12, 31, 105); dark: rgb(213, 231, 254); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| informative-color-1500 |
{blue-1500} |
dark: rgb(238, 245, 255); light: rgb(14, 24, 67); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| informative-color-1600 |
{blue-1600} |
dark: rgb(255, 255, 255); light: rgb(7, 11, 30); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| negative-color-100 |
{red-100} |
light: rgb(255, 246, 245); dark: rgb(54, 10, 3); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| negative-color-200 |
{red-200} |
light: rgb(255, 235, 232); dark: rgb(68, 13, 5); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| negative-color-300 |
{red-300} |
light: rgb(255, 214, 209); dark: rgb(87, 17, 7); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| negative-color-400 |
{red-400} |
light: rgb(255, 188, 180); dark: rgb(115, 24, 11); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| negative-color-500 |
{red-500} |
light: rgb(255, 157, 145); dark: rgb(147, 31, 17); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| negative-color-600 |
{red-600} |
light: rgb(255, 118, 101); dark: rgb(177, 38, 23); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| negative-color-700 |
{red-700} |
light: rgb(255, 81, 61); dark: rgb(205, 46, 29); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| negative-color-800 |
{red-800} |
light: rgb(240, 56, 35); dark: rgb(223, 52, 34); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| negative-color-900 |
{red-900} |
light: rgb(215, 50, 32); dark: rgb(252, 67, 46); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| negative-color-1000 |
{red-1000} |
light: rgb(183, 40, 24); dark: rgb(255, 103, 86); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| negative-color-1100 |
{red-1100} |
light: rgb(156, 33, 19); dark: rgb(255, 134, 120); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| negative-color-1200 |
{red-1200} |
light: rgb(129, 27, 14); dark: rgb(255, 167, 157); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| negative-color-1300 |
{red-1300} |
light: rgb(104, 21, 10); dark: rgb(255, 196, 189); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| negative-color-1400 |
{red-1400} |
light: rgb(80, 16, 6); dark: rgb(255, 222, 219); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| negative-color-1500 |
{red-1500} |
dark: rgb(255, 242, 240); light: rgb(59, 11, 4); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| negative-color-1600 |
{red-1600} |
dark: rgb(255, 255, 255); light: rgb(29, 5, 2); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| notice-color-100 |
{orange-100} |
light: rgb(255, 246, 231); dark: rgb(49, 16, 0); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| notice-color-200 |
{orange-200} |
light: rgb(255, 236, 207); dark: rgb(61, 21, 0); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| notice-color-300 |
{orange-300} |
light: rgb(255, 218, 158); dark: rgb(80, 27, 0); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| notice-color-400 |
{orange-400} |
light: rgb(255, 193, 94); dark: rgb(106, 36, 0); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| notice-color-500 |
{orange-500} |
light: rgb(255, 162, 19); dark: rgb(135, 47, 0); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| notice-color-600 |
{orange-600} |
light: rgb(252, 125, 0); dark: rgb(162, 59, 0); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| notice-color-700 |
{orange-700} |
light: rgb(232, 106, 0); dark: rgb(185, 73, 0); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| notice-color-800 |
{orange-800} |
light: rgb(212, 91, 0); dark: rgb(199, 82, 0); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| notice-color-900 |
{orange-900} |
light: rgb(194, 78, 0); dark: rgb(224, 100, 0); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| notice-color-1000 |
{orange-1000} |
light: rgb(167, 62, 0); dark: rgb(243, 117, 0); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| notice-color-1100 |
{orange-1100} |
light: rgb(144, 51, 0); dark: rgb(255, 137, 0); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| notice-color-1200 |
{orange-1200} |
light: rgb(118, 41, 0); dark: rgb(255, 173, 45); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| notice-color-1300 |
{orange-1300} |
light: rgb(95, 32, 0); dark: rgb(255, 201, 116); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| notice-color-1400 |
{orange-1400} |
light: rgb(73, 24, 0); dark: rgb(255, 225, 178); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| notice-color-1500 |
{orange-1500} |
dark: rgb(255, 243, 225); light: rgb(52, 18, 0); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| notice-color-1600 |
{orange-1600} |
dark: rgb(255, 255, 255); light: rgb(25, 8, 0); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| positive-color-100 |
{green-100} |
light: rgb(237, 252, 241); dark: rgb(0, 30, 23); wireframe: rgb(246, 248, 252) |
No |
- |
- |
| positive-color-200 |
{green-200} |
light: rgb(215, 247, 225); dark: rgb(0, 38, 29); wireframe: rgb(235, 239, 248) |
No |
- |
- |
| positive-color-300 |
{green-300} |
light: rgb(173, 238, 197); dark: rgb(0, 51, 38); wireframe: rgb(216, 224, 242) |
No |
- |
- |
| positive-color-400 |
{green-400} |
light: rgb(107, 227, 162); dark: rgb(0, 68, 48); wireframe: rgb(192, 205, 234) |
No |
- |
- |
| positive-color-500 |
{green-500} |
light: rgb(43, 209, 125); dark: rgb(2, 87, 58); wireframe: rgb(164, 183, 225) |
No |
- |
- |
| positive-color-600 |
{green-600} |
light: rgb(18, 184, 103); dark: rgb(3, 106, 67); wireframe: rgb(135, 160, 215) |
No |
- |
- |
| positive-color-700 |
{green-700} |
light: rgb(11, 164, 93); dark: rgb(4, 124, 75); wireframe: rgb(113, 142, 208) |
No |
- |
- |
| positive-color-800 |
{green-800} |
light: rgb(7, 147, 85); dark: rgb(6, 136, 80); wireframe: rgb(93, 127, 201) |
No |
- |
- |
| positive-color-900 |
{green-900} |
light: rgb(5, 131, 78); dark: rgb(9, 157, 89); wireframe: rgb(74, 111, 195) |
No |
- |
- |
| positive-color-1000 |
{green-1000} |
light: rgb(3, 110, 69); dark: rgb(14, 175, 98); wireframe: rgb(61, 94, 165) |
No |
- |
- |
| positive-color-1100 |
{green-1100} |
light: rgb(2, 93, 60); dark: rgb(24, 193, 110); wireframe: rgb(52, 79, 140) |
No |
- |
- |
| positive-color-1200 |
{green-1200} |
light: rgb(1, 76, 52); dark: rgb(57, 215, 134); wireframe: rgb(42, 65, 114) |
No |
- |
- |
| positive-color-1300 |
{green-1300} |
light: rgb(0, 61, 44); dark: rgb(126, 231, 172); wireframe: rgb(34, 51, 91) |
No |
- |
- |
| positive-color-1400 |
{green-1400} |
light: rgb(0, 46, 34); dark: rgb(189, 241, 208); wireframe: rgb(25, 39, 69) |
No |
- |
- |
| positive-color-1500 |
{green-1500} |
dark: rgb(229, 250, 236); light: rgb(0, 33, 25); wireframe: rgb(18, 27, 48) |
No |
- |
- |
| positive-color-1600 |
{green-1600} |
dark: rgb(255, 255, 255); light: rgb(0, 15, 12); wireframe: rgb(8, 12, 22) |
No |
- |
- |
| negative-subdued-background-color-default |
{negative-subtle-background-color-default} |
light: [object Object]; dark: [object Object]; wireframe: [object Object] |
Yes |
- |
- |
| negative-subdued-background-color-hover |
{negative-color-300} |
light: rgb(255, 214, 209); dark: rgb(87, 17, 7); wireframe: rgb(216, 224, 242) |
Yes |
- |
- |
| negative-subdued-background-color-down |
{negative-color-300} |
light: rgb(255, 214, 209); dark: rgb(87, 17, 7); wireframe: rgb(216, 224, 242) |
Yes |
- |
- |
| negative-subdued-background-color-key-focus |
{negative-color-300} |
light: rgb(255, 214, 209); dark: rgb(87, 17, 7); wireframe: rgb(216, 224, 242) |
Yes |
- |
- |
| informative-subtle-background-color-default |
- |
light: [object Object]; dark: [object Object]; wireframe: [object Object] |
No |
- |
- |
| positive-subtle-background-color-default |
- |
light: [object Object]; dark: [object Object]; wireframe: [object Object] |
No |
- |
- |
| notice-subtle-background-color-default |
- |
light: [object Object]; dark: [object Object]; wireframe: [object Object] |
No |
- |
- |
| negative-subtle-background-color-default |
- |
light: [object Object]; dark: [object Object]; wireframe: [object Object] |
No |
- |
- |
| icon-color-informative |
{informative-visual-color} |
light: [object Object]; dark: [object Object]; wireframe: [object Object] |
No |
- |
- |
| icon-color-neutral |
{neutral-visual-color} |
light: [object Object]; dark: [object Object]; wireframe: [object Object] |
No |
- |
- |
| icon-color-positive |
{positive-visual-color} |
light: [object Object]; dark: [object Object]; wireframe: [object Object] |
No |
- |
- |
| icon-color-notice |
{notice-visual-color} |
light: [object Object]; dark: [object Object]; wireframe: [object Object] |
No |
- |
- |
| icon-color-negative |
{negative-visual-color} |
light: [object Object]; dark: [object Object]; wireframe: [object Object] |
No |
- |
- |
| accent-subtle-background-color-default |
- |
light: [object Object]; dark: [object Object]; wireframe: [object Object] |
No |
- |
- |
