DevExpress Fluent themes ship with 11 predefined primary colors:
This topic lists base CSS variables and associated values for all Fluent palettes. To see how the DevExpress Design System references these values at the theme level, refer to the Color Roles in the DevExpress Design System help topic.
Fluent Primary
| CSS Variable |
Value |
Preview |
--dxds-primary-10 |
#E7EFF9 |
|
--dxds-primary-20 |
#CEE0F5 |
|
--dxds-primary-30 |
#B3D1F3 |
|
--dxds-primary-40 |
#98C2F1 |
|
--dxds-primary-50 |
#7AB2F0 |
|
--dxds-primary-60 |
#5DA2EC |
|
--dxds-primary-70 |
#3C92E9 |
|
--dxds-primary-80 |
#1582E1 |
|
--dxds-primary-90 |
#0F6CBD |
|
--dxds-primary-100 |
#0D64B0 |
|
--dxds-primary-110 |
#0B5699 |
|
--dxds-primary-120 |
#064982 |
|
--dxds-primary-130 |
#053B6C |
|
--dxds-primary-140 |
#032E56 |
|
--dxds-primary-150 |
#022242 |
|
--dxds-primary-160 |
#01162E |
|
--dxds-primary-170 |
#010C1B |
|
| CSS Variable |
Value |
Preview |
--dxds-primary-10 |
#E3F1F7 |
|
--dxds-primary-20 |
#C5E4F2 |
|
--dxds-primary-30 |
#A3D7ED |
|
--dxds-primary-40 |
#7DCAE9 |
|
--dxds-primary-50 |
#4EBDE5 |
|
--dxds-primary-60 |
#41ACD3 |
|
--dxds-primary-70 |
#399CBF |
|
--dxds-primary-80 |
#348CAB |
|
--dxds-primary-90 |
#2D7D9A |
|
--dxds-primary-100 |
#276C86 |
|
--dxds-primary-110 |
#205D73 |
|
--dxds-primary-120 |
#1A4E62 |
|
--dxds-primary-130 |
#144050 |
|
--dxds-primary-140 |
#0E3340 |
|
--dxds-primary-150 |
#092530 |
|
--dxds-primary-160 |
#051920 |
|
--dxds-primary-170 |
#020D12 |
|
| CSS Variable |
Value |
Preview |
--dxds-primary-10 |
#F6EED5 |
|
--dxds-primary-20 |
#F0DDA3 |
|
--dxds-primary-30 |
#E4CD83 |
|
--dxds-primary-40 |
#D3BC75 |
|
--dxds-primary-50 |
#C2AD68 |
|
--dxds-primary-60 |
#B19D5E |
|
--dxds-primary-70 |
#A08E54 |
|
--dxds-primary-80 |
#907F4B |
|
--dxds-primary-90 |
#847545 |
|
--dxds-primary-100 |
#6F6239 |
|
--dxds-primary-110 |
#605530 |
|
--dxds-primary-120 |
#514728 |
|
--dxds-primary-130 |
#423A1F |
|
--dxds-primary-140 |
#342D17 |
|
--dxds-primary-150 |
#272110 |
|
--dxds-primary-160 |
#1A1609 |
|
--dxds-primary-170 |
#0E0B04 |
|
| CSS Variable |
Value |
Preview |
--dxds-primary-10 |
#CEF9EF |
|
--dxds-primary-20 |
#7FF7E0 |
|
--dxds-primary-30 |
#3BECD1 |
|
--dxds-primary-40 |
#21DBC0 |
|
--dxds-primary-50 |
#04C9B1 |
|
--dxds-primary-60 |
#03B8A1 |
|
--dxds-primary-70 |
#02A691 |
|
--dxds-primary-80 |
#019582 |
|
--dxds-primary-90 |
#018574 |
|
--dxds-primary-100 |
#007465 |
|
--dxds-primary-110 |
#006457 |
|
--dxds-primary-120 |
#005449 |
|
--dxds-primary-130 |
#01453B |
|
--dxds-primary-140 |
#01362F |
|
--dxds-primary-150 |
#012822 |
|
--dxds-primary-160 |
#011B16 |
|
--dxds-primary-170 |
#010F0B |
|
| CSS Variable |
Value |
Preview |
--dxds-primary-10 |
#E1F3EE |
|
--dxds-primary-20 |
#BBE7DB |
|
--dxds-primary-30 |
#9ED8C9 |
|
--dxds-primary-40 |
#8DC5B7 |
|
--dxds-primary-50 |
#7DB3A6 |
|
--dxds-primary-60 |
#6FA194 |
|
--dxds-primary-70 |
#628F83 |
|
--dxds-primary-80 |
#547D73 |
|
--dxds-primary-90 |
#486860 |
|
--dxds-primary-100 |
#3F5E57 |
|
--dxds-primary-110 |
#35524B |
|
--dxds-primary-120 |
#2D453F |
|
--dxds-primary-130 |
#243934 |
|
--dxds-primary-140 |
#1C2D29 |
|
--dxds-primary-150 |
#14221E |
|
--dxds-primary-160 |
#0D1714 |
|
--dxds-primary-170 |
#070D0B |
|
| CSS Variable |
Value |
Preview |
--dxds-primary-10 |
#FBE8F7 |
|
--dxds-primary-20 |
#FBCEF2 |
|
--dxds-primary-30 |
#FCB1EF |
|
--dxds-primary-40 |
#F39BE5 |
|
--dxds-primary-50 |
#E885D9 |
|
--dxds-primary-60 |
#DD6ECE |
|
--dxds-primary-70 |
#D256C3 |
|
--dxds-primary-80 |
#CB47BB |
|
--dxds-primary-90 |
#C239B3 |
|
--dxds-primary-100 |
#A43497 |
|
--dxds-primary-110 |
#86257C |
|
--dxds-primary-120 |
#721E69 |
|
--dxds-primary-130 |
#5F1757 |
|
--dxds-primary-140 |
#4B1145 |
|
--dxds-primary-150 |
#390B34 |
|
--dxds-primary-160 |
#270624 |
|
--dxds-primary-170 |
#170314 |
|
| CSS Variable |
Value |
Preview |
--dxds-primary-10 |
#ECEEF7 |
|
--dxds-primary-20 |
#D9DDF0 |
|
--dxds-primary-30 |
#C7CCEA |
|
--dxds-primary-40 |
#B4BBE5 |
|
--dxds-primary-50 |
#A2A9E1 |
|
--dxds-primary-60 |
#9098DB |
|
--dxds-primary-70 |
#7F87D5 |
|
--dxds-primary-80 |
#6E76CF |
|
--dxds-primary-90 |
#5B5FC7 |
|
--dxds-primary-100 |
#5051C3 |
|
--dxds-primary-110 |
#4545AA |
|
--dxds-primary-120 |
#393991 |
|
--dxds-primary-130 |
#2E2E78 |
|
--dxds-primary-140 |
#242461 |
|
--dxds-primary-150 |
#1A1A4A |
|
--dxds-primary-160 |
#101034 |
|
--dxds-primary-170 |
#07081F |
|
| CSS Variable |
Value |
Preview |
--dxds-primary-10 |
#FDE9EB |
|
--dxds-primary-20 |
#FFD0D6 |
|
--dxds-primary-30 |
#FFB6C0 |
|
--dxds-primary-40 |
#FF99AA |
|
--dxds-primary-50 |
#FF7794 |
|
--dxds-primary-60 |
#FF5680 |
|
--dxds-primary-70 |
#F24471 |
|
--dxds-primary-80 |
#EE2665 |
|
--dxds-primary-90 |
#EA005E |
|
--dxds-primary-100 |
#BF124E |
|
--dxds-primary-110 |
#A0003E |
|
--dxds-primary-120 |
#880033 |
|
--dxds-primary-130 |
#710029 |
|
--dxds-primary-140 |
#5B0020 |
|
--dxds-primary-150 |
#450016 |
|
--dxds-primary-160 |
#30010E |
|
--dxds-primary-170 |
#1D0106 |
|
| CSS Variable |
Value |
Preview |
--dxds-primary-10 |
#FDEAE5 |
|
--dxds-primary-20 |
#FFD2C6 |
|
--dxds-primary-30 |
#FFBAA6 |
|
--dxds-primary-40 |
#FF9F84 |
|
--dxds-primary-50 |
#FD8869 |
|
--dxds-primary-60 |
#F96D48 |
|
--dxds-primary-70 |
#E75C38 |
|
--dxds-primary-80 |
#E14E25 |
|
--dxds-primary-90 |
#DA3B01 |
|
--dxds-primary-100 |
#B6350D |
|
--dxds-primary-110 |
#982601 |
|
--dxds-primary-120 |
#811F00 |
|
--dxds-primary-130 |
#6B1901 |
|
--dxds-primary-140 |
#561200 |
|
--dxds-primary-150 |
#420B00 |
|
--dxds-primary-160 |
#2D0701 |
|
--dxds-primary-170 |
#1B0301 |
|
| CSS Variable |
Value |
Preview |
--dxds-primary-10 |
#EDEEF0 |
|
--dxds-primary-20 |
#DBDEE2 |
|
--dxds-primary-30 |
#CACED4 |
|
--dxds-primary-40 |
#B8BEC8 |
|
--dxds-primary-50 |
#A7AFBA |
|
--dxds-primary-60 |
#959FAE |
|
--dxds-primary-70 |
#8590A1 |
|
--dxds-primary-80 |
#748194 |
|
--dxds-primary-90 |
#68768A |
|
--dxds-primary-100 |
#586475 |
|
--dxds-primary-110 |
#4C5665 |
|
--dxds-primary-120 |
#3F4855 |
|
--dxds-primary-130 |
#333B46 |
|
--dxds-primary-140 |
#282E37 |
|
--dxds-primary-150 |
#1D2229 |
|
--dxds-primary-160 |
#13161C |
|
--dxds-primary-170 |
#090B0F |
|
| CSS Variable |
Value |
Preview |
--dxds-primary-10 |
#EFEEEE |
|
--dxds-primary-20 |
#D9D7D6 |
|
--dxds-primary-30 |
#C4C1BE |
|
--dxds-primary-40 |
#AFABA7 |
|
--dxds-primary-50 |
#9A9692 |
|
--dxds-primary-60 |
#85817E |
|
--dxds-primary-70 |
#716D6A |
|
--dxds-primary-80 |
#5D5A57 |
|
--dxds-primary-90 |
#4C4A48 |
|
--dxds-primary-100 |
#413F3D |
|
--dxds-primary-110 |
#393735 |
|
--dxds-primary-120 |
#312F2D |
|
--dxds-primary-130 |
#292726 |
|
--dxds-primary-140 |
#21201F |
|
--dxds-primary-150 |
#1A1917 |
|
--dxds-primary-160 |
#121211 |
|
--dxds-primary-170 |
#0B0B0B |
|
Fluent Secondary
| CSS Variable |
Value |
Preview |
--dxds-secondary-10 |
#FFFFFF |
|
--dxds-secondary-20 |
#F7F7F7 |
|
--dxds-secondary-30 |
#EEEEEE |
|
--dxds-secondary-40 |
#E6E6E6 |
|
--dxds-secondary-50 |
#DEDEDE |
|
--dxds-secondary-60 |
#D6D6D6 |
|
--dxds-secondary-70 |
#CECECE |
|
--dxds-secondary-80 |
#C5C5C5 |
|
--dxds-secondary-90 |
#BEBEBE |
|
--dxds-secondary-100 |
#A6A6A6 |
|
--dxds-secondary-110 |
#8F8F8F |
|
--dxds-secondary-120 |
#797979 |
|
--dxds-secondary-130 |
#636363 |
|
--dxds-secondary-140 |
#4E4E4E |
|
--dxds-secondary-150 |
#3A3A3A |
|
--dxds-secondary-160 |
#282828 |
|
--dxds-secondary-170 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-secondary-10 |
#FFFFFF |
|
--dxds-secondary-20 |
#F7F7F7 |
|
--dxds-secondary-30 |
#EEEEEE |
|
--dxds-secondary-40 |
#E6E6E6 |
|
--dxds-secondary-50 |
#DEDEDE |
|
--dxds-secondary-60 |
#D6D6D6 |
|
--dxds-secondary-70 |
#CECECE |
|
--dxds-secondary-80 |
#C5C5C5 |
|
--dxds-secondary-90 |
#BEBEBE |
|
--dxds-secondary-100 |
#A6A6A6 |
|
--dxds-secondary-110 |
#8F8F8F |
|
--dxds-secondary-120 |
#797979 |
|
--dxds-secondary-130 |
#636363 |
|
--dxds-secondary-140 |
#4E4E4E |
|
--dxds-secondary-150 |
#3A3A3A |
|
--dxds-secondary-160 |
#282828 |
|
--dxds-secondary-170 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-secondary-10 |
#FFFFFF |
|
--dxds-secondary-20 |
#F7F7F7 |
|
--dxds-secondary-30 |
#EEEEEE |
|
--dxds-secondary-40 |
#E6E6E6 |
|
--dxds-secondary-50 |
#DEDEDE |
|
--dxds-secondary-60 |
#D6D6D6 |
|
--dxds-secondary-70 |
#CECECE |
|
--dxds-secondary-80 |
#C5C5C5 |
|
--dxds-secondary-90 |
#BEBEBE |
|
--dxds-secondary-100 |
#A6A6A6 |
|
--dxds-secondary-110 |
#8F8F8F |
|
--dxds-secondary-120 |
#797979 |
|
--dxds-secondary-130 |
#636363 |
|
--dxds-secondary-140 |
#4E4E4E |
|
--dxds-secondary-150 |
#3A3A3A |
|
--dxds-secondary-160 |
#282828 |
|
--dxds-secondary-170 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-secondary-10 |
#FFFFFF |
|
--dxds-secondary-20 |
#F7F7F7 |
|
--dxds-secondary-30 |
#EEEEEE |
|
--dxds-secondary-40 |
#E6E6E6 |
|
--dxds-secondary-50 |
#DEDEDE |
|
--dxds-secondary-60 |
#D6D6D6 |
|
--dxds-secondary-70 |
#CECECE |
|
--dxds-secondary-80 |
#C5C5C5 |
|
--dxds-secondary-90 |
#BEBEBE |
|
--dxds-secondary-100 |
#A6A6A6 |
|
--dxds-secondary-110 |
#8F8F8F |
|
--dxds-secondary-120 |
#797979 |
|
--dxds-secondary-130 |
#636363 |
|
--dxds-secondary-140 |
#4E4E4E |
|
--dxds-secondary-150 |
#3A3A3A |
|
--dxds-secondary-160 |
#282828 |
|
--dxds-secondary-170 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-secondary-10 |
#FFFFFF |
|
--dxds-secondary-20 |
#F7F7F7 |
|
--dxds-secondary-30 |
#EEEEEE |
|
--dxds-secondary-40 |
#E6E6E6 |
|
--dxds-secondary-50 |
#DEDEDE |
|
--dxds-secondary-60 |
#D6D6D6 |
|
--dxds-secondary-70 |
#CECECE |
|
--dxds-secondary-80 |
#C5C5C5 |
|
--dxds-secondary-90 |
#BEBEBE |
|
--dxds-secondary-100 |
#A6A6A6 |
|
--dxds-secondary-110 |
#8F8F8F |
|
--dxds-secondary-120 |
#797979 |
|
--dxds-secondary-130 |
#636363 |
|
--dxds-secondary-140 |
#4E4E4E |
|
--dxds-secondary-150 |
#3A3A3A |
|
--dxds-secondary-160 |
#282828 |
|
--dxds-secondary-170 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-secondary-10 |
#FFFFFF |
|
--dxds-secondary-20 |
#F7F7F7 |
|
--dxds-secondary-30 |
#EEEEEE |
|
--dxds-secondary-40 |
#E6E6E6 |
|
--dxds-secondary-50 |
#DEDEDE |
|
--dxds-secondary-60 |
#D6D6D6 |
|
--dxds-secondary-70 |
#CECECE |
|
--dxds-secondary-80 |
#C5C5C5 |
|
--dxds-secondary-90 |
#BEBEBE |
|
--dxds-secondary-100 |
#A6A6A6 |
|
--dxds-secondary-110 |
#8F8F8F |
|
--dxds-secondary-120 |
#797979 |
|
--dxds-secondary-130 |
#636363 |
|
--dxds-secondary-140 |
#4E4E4E |
|
--dxds-secondary-150 |
#3A3A3A |
|
--dxds-secondary-160 |
#282828 |
|
--dxds-secondary-170 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-secondary-10 |
#FFFFFF |
|
--dxds-secondary-20 |
#F7F7F7 |
|
--dxds-secondary-30 |
#EEEEEE |
|
--dxds-secondary-40 |
#E6E6E6 |
|
--dxds-secondary-50 |
#DEDEDE |
|
--dxds-secondary-60 |
#D6D6D6 |
|
--dxds-secondary-70 |
#CECECE |
|
--dxds-secondary-80 |
#C5C5C5 |
|
--dxds-secondary-90 |
#BEBEBE |
|
--dxds-secondary-100 |
#A6A6A6 |
|
--dxds-secondary-110 |
#8F8F8F |
|
--dxds-secondary-120 |
#797979 |
|
--dxds-secondary-130 |
#636363 |
|
--dxds-secondary-140 |
#4E4E4E |
|
--dxds-secondary-150 |
#3A3A3A |
|
--dxds-secondary-160 |
#282828 |
|
--dxds-secondary-170 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-secondary-10 |
#FFFFFF |
|
--dxds-secondary-20 |
#F7F7F7 |
|
--dxds-secondary-30 |
#EEEEEE |
|
--dxds-secondary-40 |
#E6E6E6 |
|
--dxds-secondary-50 |
#DEDEDE |
|
--dxds-secondary-60 |
#D6D6D6 |
|
--dxds-secondary-70 |
#CECECE |
|
--dxds-secondary-80 |
#C5C5C5 |
|
--dxds-secondary-90 |
#BEBEBE |
|
--dxds-secondary-100 |
#A6A6A6 |
|
--dxds-secondary-110 |
#8F8F8F |
|
--dxds-secondary-120 |
#797979 |
|
--dxds-secondary-130 |
#636363 |
|
--dxds-secondary-140 |
#4E4E4E |
|
--dxds-secondary-150 |
#3A3A3A |
|
--dxds-secondary-160 |
#282828 |
|
--dxds-secondary-170 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-secondary-10 |
#FFFFFF |
|
--dxds-secondary-20 |
#F7F7F7 |
|
--dxds-secondary-30 |
#EEEEEE |
|
--dxds-secondary-40 |
#E6E6E6 |
|
--dxds-secondary-50 |
#DEDEDE |
|
--dxds-secondary-60 |
#D6D6D6 |
|
--dxds-secondary-70 |
#CECECE |
|
--dxds-secondary-80 |
#C5C5C5 |
|
--dxds-secondary-90 |
#BEBEBE |
|
--dxds-secondary-100 |
#A6A6A6 |
|
--dxds-secondary-110 |
#8F8F8F |
|
--dxds-secondary-120 |
#797979 |
|
--dxds-secondary-130 |
#636363 |
|
--dxds-secondary-140 |
#4E4E4E |
|
--dxds-secondary-150 |
#3A3A3A |
|
--dxds-secondary-160 |
#282828 |
|
--dxds-secondary-170 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-secondary-10 |
#FFFFFF |
|
--dxds-secondary-20 |
#F7F7F7 |
|
--dxds-secondary-30 |
#EEEEEE |
|
--dxds-secondary-40 |
#E6E6E6 |
|
--dxds-secondary-50 |
#DEDEDE |
|
--dxds-secondary-60 |
#D6D6D6 |
|
--dxds-secondary-70 |
#CECECE |
|
--dxds-secondary-80 |
#C5C5C5 |
|
--dxds-secondary-90 |
#BEBEBE |
|
--dxds-secondary-100 |
#A6A6A6 |
|
--dxds-secondary-110 |
#8F8F8F |
|
--dxds-secondary-120 |
#797979 |
|
--dxds-secondary-130 |
#636363 |
|
--dxds-secondary-140 |
#4E4E4E |
|
--dxds-secondary-150 |
#3A3A3A |
|
--dxds-secondary-160 |
#282828 |
|
--dxds-secondary-170 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-secondary-10 |
#FFFFFF |
|
--dxds-secondary-20 |
#F7F7F7 |
|
--dxds-secondary-30 |
#EEEEEE |
|
--dxds-secondary-40 |
#E6E6E6 |
|
--dxds-secondary-50 |
#DEDEDE |
|
--dxds-secondary-60 |
#D6D6D6 |
|
--dxds-secondary-70 |
#CECECE |
|
--dxds-secondary-80 |
#C5C5C5 |
|
--dxds-secondary-90 |
#BEBEBE |
|
--dxds-secondary-100 |
#A6A6A6 |
|
--dxds-secondary-110 |
#8F8F8F |
|
--dxds-secondary-120 |
#797979 |
|
--dxds-secondary-130 |
#636363 |
|
--dxds-secondary-140 |
#4E4E4E |
|
--dxds-secondary-150 |
#3A3A3A |
|
--dxds-secondary-160 |
#282828 |
|
--dxds-secondary-170 |
#161616 |
|
Fluent Info
| CSS Variable |
Value |
Preview |
--dxds-info-10 |
#EAEEFA |
|
--dxds-info-20 |
#D4DDF7 |
|
--dxds-info-30 |
#BECDF6 |
|
--dxds-info-40 |
#A8BCF5 |
|
--dxds-info-50 |
#92AAF5 |
|
--dxds-info-60 |
#7E99F3 |
|
--dxds-info-70 |
#6A87F0 |
|
--dxds-info-80 |
#5B7AFD |
|
--dxds-info-90 |
#4F6BED |
|
--dxds-info-100 |
#4159DB |
|
--dxds-info-110 |
#3042BD |
|
--dxds-info-120 |
#2632AB |
|
--dxds-info-130 |
#1D2298 |
|
--dxds-info-140 |
#151A7B |
|
--dxds-info-150 |
#0E125F |
|
--dxds-info-160 |
#080B43 |
|
--dxds-info-170 |
#030529 |
|
| CSS Variable |
Value |
Preview |
--dxds-info-10 |
#EAEEFA |
|
--dxds-info-20 |
#D4DDF7 |
|
--dxds-info-30 |
#BECDF6 |
|
--dxds-info-40 |
#A8BCF5 |
|
--dxds-info-50 |
#92AAF5 |
|
--dxds-info-60 |
#7E99F3 |
|
--dxds-info-70 |
#6A87F0 |
|
--dxds-info-80 |
#5B7AFD |
|
--dxds-info-90 |
#4F6BED |
|
--dxds-info-100 |
#4159DB |
|
--dxds-info-110 |
#3042BD |
|
--dxds-info-120 |
#2632AB |
|
--dxds-info-130 |
#1D2298 |
|
--dxds-info-140 |
#151A7B |
|
--dxds-info-150 |
#0E125F |
|
--dxds-info-160 |
#080B43 |
|
--dxds-info-170 |
#030529 |
|
| CSS Variable |
Value |
Preview |
--dxds-info-10 |
#EAEEFA |
|
--dxds-info-20 |
#D4DDF7 |
|
--dxds-info-30 |
#BECDF6 |
|
--dxds-info-40 |
#A8BCF5 |
|
--dxds-info-50 |
#92AAF5 |
|
--dxds-info-60 |
#7E99F3 |
|
--dxds-info-70 |
#6A87F0 |
|
--dxds-info-80 |
#5B7AFD |
|
--dxds-info-90 |
#4F6BED |
|
--dxds-info-100 |
#4159DB |
|
--dxds-info-110 |
#3042BD |
|
--dxds-info-120 |
#2632AB |
|
--dxds-info-130 |
#1D2298 |
|
--dxds-info-140 |
#151A7B |
|
--dxds-info-150 |
#0E125F |
|
--dxds-info-160 |
#080B43 |
|
--dxds-info-170 |
#030529 |
|
| CSS Variable |
Value |
Preview |
--dxds-info-10 |
#EAEEFA |
|
--dxds-info-20 |
#D4DDF7 |
|
--dxds-info-30 |
#BECDF6 |
|
--dxds-info-40 |
#A8BCF5 |
|
--dxds-info-50 |
#92AAF5 |
|
--dxds-info-60 |
#7E99F3 |
|
--dxds-info-70 |
#6A87F0 |
|
--dxds-info-80 |
#5B7AFD |
|
--dxds-info-90 |
#4F6BED |
|
--dxds-info-100 |
#4159DB |
|
--dxds-info-110 |
#3042BD |
|
--dxds-info-120 |
#2632AB |
|
--dxds-info-130 |
#1D2298 |
|
--dxds-info-140 |
#151A7B |
|
--dxds-info-150 |
#0E125F |
|
--dxds-info-160 |
#080B43 |
|
--dxds-info-170 |
#030529 |
|
| CSS Variable |
Value |
Preview |
--dxds-info-10 |
#EAEEFA |
|
--dxds-info-20 |
#D4DDF7 |
|
--dxds-info-30 |
#BECDF6 |
|
--dxds-info-40 |
#A8BCF5 |
|
--dxds-info-50 |
#92AAF5 |
|
--dxds-info-60 |
#7E99F3 |
|
--dxds-info-70 |
#6A87F0 |
|
--dxds-info-80 |
#5B7AFD |
|
--dxds-info-90 |
#4F6BED |
|
--dxds-info-100 |
#4159DB |
|
--dxds-info-110 |
#3042BD |
|
--dxds-info-120 |
#2632AB |
|
--dxds-info-130 |
#1D2298 |
|
--dxds-info-140 |
#151A7B |
|
--dxds-info-150 |
#0E125F |
|
--dxds-info-160 |
#080B43 |
|
--dxds-info-170 |
#030529 |
|
| CSS Variable |
Value |
Preview |
--dxds-info-10 |
#EAEEFA |
|
--dxds-info-20 |
#D4DDF7 |
|
--dxds-info-30 |
#BECDF6 |
|
--dxds-info-40 |
#A8BCF5 |
|
--dxds-info-50 |
#92AAF5 |
|
--dxds-info-60 |
#7E99F3 |
|
--dxds-info-70 |
#6A87F0 |
|
--dxds-info-80 |
#5B7AFD |
|
--dxds-info-90 |
#4F6BED |
|
--dxds-info-100 |
#4159DB |
|
--dxds-info-110 |
#3042BD |
|
--dxds-info-120 |
#2632AB |
|
--dxds-info-130 |
#1D2298 |
|
--dxds-info-140 |
#151A7B |
|
--dxds-info-150 |
#0E125F |
|
--dxds-info-160 |
#080B43 |
|
--dxds-info-170 |
#030529 |
|
| CSS Variable |
Value |
Preview |
--dxds-info-10 |
#EAEEFA |
|
--dxds-info-20 |
#D4DDF7 |
|
--dxds-info-30 |
#BECDF6 |
|
--dxds-info-40 |
#A8BCF5 |
|
--dxds-info-50 |
#92AAF5 |
|
--dxds-info-60 |
#7E99F3 |
|
--dxds-info-70 |
#6A87F0 |
|
--dxds-info-80 |
#5B7AFD |
|
--dxds-info-90 |
#4F6BED |
|
--dxds-info-100 |
#4159DB |
|
--dxds-info-110 |
#3042BD |
|
--dxds-info-120 |
#2632AB |
|
--dxds-info-130 |
#1D2298 |
|
--dxds-info-140 |
#151A7B |
|
--dxds-info-150 |
#0E125F |
|
--dxds-info-160 |
#080B43 |
|
--dxds-info-170 |
#030529 |
|
| CSS Variable |
Value |
Preview |
--dxds-info-10 |
#EAEEFA |
|
--dxds-info-20 |
#D4DDF7 |
|
--dxds-info-30 |
#BECDF6 |
|
--dxds-info-40 |
#A8BCF5 |
|
--dxds-info-50 |
#92AAF5 |
|
--dxds-info-60 |
#7E99F3 |
|
--dxds-info-70 |
#6A87F0 |
|
--dxds-info-80 |
#5B7AFD |
|
--dxds-info-90 |
#4F6BED |
|
--dxds-info-100 |
#4159DB |
|
--dxds-info-110 |
#3042BD |
|
--dxds-info-120 |
#2632AB |
|
--dxds-info-130 |
#1D2298 |
|
--dxds-info-140 |
#151A7B |
|
--dxds-info-150 |
#0E125F |
|
--dxds-info-160 |
#080B43 |
|
--dxds-info-170 |
#030529 |
|
| CSS Variable |
Value |
Preview |
--dxds-info-10 |
#EAEEFA |
|
--dxds-info-20 |
#D4DDF7 |
|
--dxds-info-30 |
#BECDF6 |
|
--dxds-info-40 |
#A8BCF5 |
|
--dxds-info-50 |
#92AAF5 |
|
--dxds-info-60 |
#7E99F3 |
|
--dxds-info-70 |
#6A87F0 |
|
--dxds-info-80 |
#5B7AFD |
|
--dxds-info-90 |
#4F6BED |
|
--dxds-info-100 |
#4159DB |
|
--dxds-info-110 |
#3042BD |
|
--dxds-info-120 |
#2632AB |
|
--dxds-info-130 |
#1D2298 |
|
--dxds-info-140 |
#151A7B |
|
--dxds-info-150 |
#0E125F |
|
--dxds-info-160 |
#080B43 |
|
--dxds-info-170 |
#030529 |
|
| CSS Variable |
Value |
Preview |
--dxds-info-10 |
#EAEEFA |
|
--dxds-info-20 |
#D4DDF7 |
|
--dxds-info-30 |
#BECDF6 |
|
--dxds-info-40 |
#A8BCF5 |
|
--dxds-info-50 |
#92AAF5 |
|
--dxds-info-60 |
#7E99F3 |
|
--dxds-info-70 |
#6A87F0 |
|
--dxds-info-80 |
#5B7AFD |
|
--dxds-info-90 |
#4F6BED |
|
--dxds-info-100 |
#4159DB |
|
--dxds-info-110 |
#3042BD |
|
--dxds-info-120 |
#2632AB |
|
--dxds-info-130 |
#1D2298 |
|
--dxds-info-140 |
#151A7B |
|
--dxds-info-150 |
#0E125F |
|
--dxds-info-160 |
#080B43 |
|
--dxds-info-170 |
#030529 |
|
| CSS Variable |
Value |
Preview |
--dxds-info-10 |
#EAEEFA |
|
--dxds-info-20 |
#D4DDF7 |
|
--dxds-info-30 |
#BECDF6 |
|
--dxds-info-40 |
#A8BCF5 |
|
--dxds-info-50 |
#92AAF5 |
|
--dxds-info-60 |
#7E99F3 |
|
--dxds-info-70 |
#6A87F0 |
|
--dxds-info-80 |
#5B7AFD |
|
--dxds-info-90 |
#4F6BED |
|
--dxds-info-100 |
#4159DB |
|
--dxds-info-110 |
#3042BD |
|
--dxds-info-120 |
#2632AB |
|
--dxds-info-130 |
#1D2298 |
|
--dxds-info-140 |
#151A7B |
|
--dxds-info-150 |
#0E125F |
|
--dxds-info-160 |
#080B43 |
|
--dxds-info-170 |
#030529 |
|
Fluent Success
| CSS Variable |
Value |
Preview |
--dxds-success-10 |
#E7F2E6 |
|
--dxds-success-20 |
#C8E9C5 |
|
--dxds-success-30 |
#B0DCAC |
|
--dxds-success-40 |
#98CF93 |
|
--dxds-success-50 |
#80C17B |
|
--dxds-success-60 |
#66B461 |
|
--dxds-success-70 |
#4BA747 |
|
--dxds-success-80 |
#299027 |
|
--dxds-success-90 |
#107C10 |
|
--dxds-success-100 |
#0C700C |
|
--dxds-success-110 |
#0B680B |
|
--dxds-success-120 |
#095809 |
|
--dxds-success-130 |
#064806 |
|
--dxds-success-140 |
#043904 |
|
--dxds-success-150 |
#022B02 |
|
--dxds-success-160 |
#021D02 |
|
--dxds-success-170 |
#011001 |
|
| CSS Variable |
Value |
Preview |
--dxds-success-10 |
#E7F2E6 |
|
--dxds-success-20 |
#C8E9C5 |
|
--dxds-success-30 |
#B0DCAC |
|
--dxds-success-40 |
#98CF93 |
|
--dxds-success-50 |
#80C17B |
|
--dxds-success-60 |
#66B461 |
|
--dxds-success-70 |
#4BA747 |
|
--dxds-success-80 |
#299027 |
|
--dxds-success-90 |
#107C10 |
|
--dxds-success-100 |
#0C700C |
|
--dxds-success-110 |
#0B680B |
|
--dxds-success-120 |
#095809 |
|
--dxds-success-130 |
#064806 |
|
--dxds-success-140 |
#043904 |
|
--dxds-success-150 |
#022B02 |
|
--dxds-success-160 |
#021D02 |
|
--dxds-success-170 |
#011001 |
|
| CSS Variable |
Value |
Preview |
--dxds-success-10 |
#E7F2E6 |
|
--dxds-success-20 |
#C8E9C5 |
|
--dxds-success-30 |
#B0DCAC |
|
--dxds-success-40 |
#98CF93 |
|
--dxds-success-50 |
#80C17B |
|
--dxds-success-60 |
#66B461 |
|
--dxds-success-70 |
#4BA747 |
|
--dxds-success-80 |
#299027 |
|
--dxds-success-90 |
#107C10 |
|
--dxds-success-100 |
#0C700C |
|
--dxds-success-110 |
#0B680B |
|
--dxds-success-120 |
#095809 |
|
--dxds-success-130 |
#064806 |
|
--dxds-success-140 |
#043904 |
|
--dxds-success-150 |
#022B02 |
|
--dxds-success-160 |
#021D02 |
|
--dxds-success-170 |
#011001 |
|
| CSS Variable |
Value |
Preview |
--dxds-success-10 |
#E7F2E6 |
|
--dxds-success-20 |
#C8E9C5 |
|
--dxds-success-30 |
#B0DCAC |
|
--dxds-success-40 |
#98CF93 |
|
--dxds-success-50 |
#80C17B |
|
--dxds-success-60 |
#66B461 |
|
--dxds-success-70 |
#4BA747 |
|
--dxds-success-80 |
#299027 |
|
--dxds-success-90 |
#107C10 |
|
--dxds-success-100 |
#0C700C |
|
--dxds-success-110 |
#0B680B |
|
--dxds-success-120 |
#095809 |
|
--dxds-success-130 |
#064806 |
|
--dxds-success-140 |
#043904 |
|
--dxds-success-150 |
#022B02 |
|
--dxds-success-160 |
#021D02 |
|
--dxds-success-170 |
#011001 |
|
| CSS Variable |
Value |
Preview |
--dxds-success-10 |
#E7F2E6 |
|
--dxds-success-20 |
#C8E9C5 |
|
--dxds-success-30 |
#B0DCAC |
|
--dxds-success-40 |
#98CF93 |
|
--dxds-success-50 |
#80C17B |
|
--dxds-success-60 |
#66B461 |
|
--dxds-success-70 |
#4BA747 |
|
--dxds-success-80 |
#299027 |
|
--dxds-success-90 |
#107C10 |
|
--dxds-success-100 |
#0C700C |
|
--dxds-success-110 |
#0B680B |
|
--dxds-success-120 |
#095809 |
|
--dxds-success-130 |
#064806 |
|
--dxds-success-140 |
#043904 |
|
--dxds-success-150 |
#022B02 |
|
--dxds-success-160 |
#021D02 |
|
--dxds-success-170 |
#011001 |
|
| CSS Variable |
Value |
Preview |
--dxds-success-10 |
#E7F2E6 |
|
--dxds-success-20 |
#C8E9C5 |
|
--dxds-success-30 |
#B0DCAC |
|
--dxds-success-40 |
#98CF93 |
|
--dxds-success-50 |
#80C17B |
|
--dxds-success-60 |
#66B461 |
|
--dxds-success-70 |
#4BA747 |
|
--dxds-success-80 |
#299027 |
|
--dxds-success-90 |
#107C10 |
|
--dxds-success-100 |
#0C700C |
|
--dxds-success-110 |
#0B680B |
|
--dxds-success-120 |
#095809 |
|
--dxds-success-130 |
#064806 |
|
--dxds-success-140 |
#043904 |
|
--dxds-success-150 |
#022B02 |
|
--dxds-success-160 |
#021D02 |
|
--dxds-success-170 |
#011001 |
|
| CSS Variable |
Value |
Preview |
--dxds-success-10 |
#E7F2E6 |
|
--dxds-success-20 |
#C8E9C5 |
|
--dxds-success-30 |
#B0DCAC |
|
--dxds-success-40 |
#98CF93 |
|
--dxds-success-50 |
#80C17B |
|
--dxds-success-60 |
#66B461 |
|
--dxds-success-70 |
#4BA747 |
|
--dxds-success-80 |
#299027 |
|
--dxds-success-90 |
#107C10 |
|
--dxds-success-100 |
#0C700C |
|
--dxds-success-110 |
#0B680B |
|
--dxds-success-120 |
#095809 |
|
--dxds-success-130 |
#064806 |
|
--dxds-success-140 |
#043904 |
|
--dxds-success-150 |
#022B02 |
|
--dxds-success-160 |
#021D02 |
|
--dxds-success-170 |
#011001 |
|
| CSS Variable |
Value |
Preview |
--dxds-success-10 |
#E7F2E6 |
|
--dxds-success-20 |
#C8E9C5 |
|
--dxds-success-30 |
#B0DCAC |
|
--dxds-success-40 |
#98CF93 |
|
--dxds-success-50 |
#80C17B |
|
--dxds-success-60 |
#66B461 |
|
--dxds-success-70 |
#4BA747 |
|
--dxds-success-80 |
#299027 |
|
--dxds-success-90 |
#107C10 |
|
--dxds-success-100 |
#0C700C |
|
--dxds-success-110 |
#0B680B |
|
--dxds-success-120 |
#095809 |
|
--dxds-success-130 |
#064806 |
|
--dxds-success-140 |
#043904 |
|
--dxds-success-150 |
#022B02 |
|
--dxds-success-160 |
#021D02 |
|
--dxds-success-170 |
#011001 |
|
| CSS Variable |
Value |
Preview |
--dxds-success-10 |
#E7F2E6 |
|
--dxds-success-20 |
#C8E9C5 |
|
--dxds-success-30 |
#B0DCAC |
|
--dxds-success-40 |
#98CF93 |
|
--dxds-success-50 |
#80C17B |
|
--dxds-success-60 |
#66B461 |
|
--dxds-success-70 |
#4BA747 |
|
--dxds-success-80 |
#299027 |
|
--dxds-success-90 |
#107C10 |
|
--dxds-success-100 |
#0C700C |
|
--dxds-success-110 |
#0B680B |
|
--dxds-success-120 |
#095809 |
|
--dxds-success-130 |
#064806 |
|
--dxds-success-140 |
#043904 |
|
--dxds-success-150 |
#022B02 |
|
--dxds-success-160 |
#021D02 |
|
--dxds-success-170 |
#011001 |
|
| CSS Variable |
Value |
Preview |
--dxds-success-10 |
#E7F2E6 |
|
--dxds-success-20 |
#C8E9C5 |
|
--dxds-success-30 |
#B0DCAC |
|
--dxds-success-40 |
#98CF93 |
|
--dxds-success-50 |
#80C17B |
|
--dxds-success-60 |
#66B461 |
|
--dxds-success-70 |
#4BA747 |
|
--dxds-success-80 |
#299027 |
|
--dxds-success-90 |
#107C10 |
|
--dxds-success-100 |
#0C700C |
|
--dxds-success-110 |
#0B680B |
|
--dxds-success-120 |
#095809 |
|
--dxds-success-130 |
#064806 |
|
--dxds-success-140 |
#043904 |
|
--dxds-success-150 |
#022B02 |
|
--dxds-success-160 |
#021D02 |
|
--dxds-success-170 |
#011001 |
|
| CSS Variable |
Value |
Preview |
--dxds-success-10 |
#E7F2E6 |
|
--dxds-success-20 |
#C8E9C5 |
|
--dxds-success-30 |
#B0DCAC |
|
--dxds-success-40 |
#98CF93 |
|
--dxds-success-50 |
#80C17B |
|
--dxds-success-60 |
#66B461 |
|
--dxds-success-70 |
#4BA747 |
|
--dxds-success-80 |
#299027 |
|
--dxds-success-90 |
#107C10 |
|
--dxds-success-100 |
#0C700C |
|
--dxds-success-110 |
#0B680B |
|
--dxds-success-120 |
#095809 |
|
--dxds-success-130 |
#064806 |
|
--dxds-success-140 |
#043904 |
|
--dxds-success-150 |
#022B02 |
|
--dxds-success-160 |
#021D02 |
|
--dxds-success-170 |
#011001 |
|
Fluent Warning
| CSS Variable |
Value |
Preview |
--dxds-warning-10 |
#FBEBE4 |
|
--dxds-warning-20 |
#FFD6C3 |
|
--dxds-warning-30 |
#FFC5AC |
|
--dxds-warning-40 |
#FDB191 |
|
--dxds-warning-50 |
#F69C76 |
|
--dxds-warning-60 |
#F78E62 |
|
--dxds-warning-70 |
#F7804C |
|
--dxds-warning-80 |
#F77132 |
|
--dxds-warning-90 |
#F7630C |
|
--dxds-warning-100 |
#D54F00 |
|
--dxds-warning-110 |
#B24000 |
|
--dxds-warning-120 |
#913200 |
|
--dxds-warning-130 |
#722300 |
|
--dxds-warning-140 |
#501A01 |
|
--dxds-warning-150 |
#3C1301 |
|
--dxds-warning-160 |
#2A0B01 |
|
--dxds-warning-170 |
#180501 |
|
| CSS Variable |
Value |
Preview |
--dxds-warning-10 |
#FBEBE4 |
|
--dxds-warning-20 |
#FFD6C3 |
|
--dxds-warning-30 |
#FFC5AC |
|
--dxds-warning-40 |
#FDB191 |
|
--dxds-warning-50 |
#F69C76 |
|
--dxds-warning-60 |
#F78E62 |
|
--dxds-warning-70 |
#F7804C |
|
--dxds-warning-80 |
#F77132 |
|
--dxds-warning-90 |
#F7630C |
|
--dxds-warning-100 |
#D54F00 |
|
--dxds-warning-110 |
#B24000 |
|
--dxds-warning-120 |
#913200 |
|
--dxds-warning-130 |
#722300 |
|
--dxds-warning-140 |
#501A01 |
|
--dxds-warning-150 |
#3C1301 |
|
--dxds-warning-160 |
#2A0B01 |
|
--dxds-warning-170 |
#180501 |
|
| CSS Variable |
Value |
Preview |
--dxds-warning-10 |
#FBEBE4 |
|
--dxds-warning-20 |
#FFD6C3 |
|
--dxds-warning-30 |
#FFC5AC |
|
--dxds-warning-40 |
#FDB191 |
|
--dxds-warning-50 |
#F69C76 |
|
--dxds-warning-60 |
#F78E62 |
|
--dxds-warning-70 |
#F7804C |
|
--dxds-warning-80 |
#F77132 |
|
--dxds-warning-90 |
#F7630C |
|
--dxds-warning-100 |
#D54F00 |
|
--dxds-warning-110 |
#B24000 |
|
--dxds-warning-120 |
#913200 |
|
--dxds-warning-130 |
#722300 |
|
--dxds-warning-140 |
#501A01 |
|
--dxds-warning-150 |
#3C1301 |
|
--dxds-warning-160 |
#2A0B01 |
|
--dxds-warning-170 |
#180501 |
|
| CSS Variable |
Value |
Preview |
--dxds-warning-10 |
#FBEBE4 |
|
--dxds-warning-20 |
#FFD6C3 |
|
--dxds-warning-30 |
#FFC5AC |
|
--dxds-warning-40 |
#FDB191 |
|
--dxds-warning-50 |
#F69C76 |
|
--dxds-warning-60 |
#F78E62 |
|
--dxds-warning-70 |
#F7804C |
|
--dxds-warning-80 |
#F77132 |
|
--dxds-warning-90 |
#F7630C |
|
--dxds-warning-100 |
#D54F00 |
|
--dxds-warning-110 |
#B24000 |
|
--dxds-warning-120 |
#913200 |
|
--dxds-warning-130 |
#722300 |
|
--dxds-warning-140 |
#501A01 |
|
--dxds-warning-150 |
#3C1301 |
|
--dxds-warning-160 |
#2A0B01 |
|
--dxds-warning-170 |
#180501 |
|
| CSS Variable |
Value |
Preview |
--dxds-warning-10 |
#FBEBE4 |
|
--dxds-warning-20 |
#FFD6C3 |
|
--dxds-warning-30 |
#FFC5AC |
|
--dxds-warning-40 |
#FDB191 |
|
--dxds-warning-50 |
#F69C76 |
|
--dxds-warning-60 |
#F78E62 |
|
--dxds-warning-70 |
#F7804C |
|
--dxds-warning-80 |
#F77132 |
|
--dxds-warning-90 |
#F7630C |
|
--dxds-warning-100 |
#D54F00 |
|
--dxds-warning-110 |
#B24000 |
|
--dxds-warning-120 |
#913200 |
|
--dxds-warning-130 |
#722300 |
|
--dxds-warning-140 |
#501A01 |
|
--dxds-warning-150 |
#3C1301 |
|
--dxds-warning-160 |
#2A0B01 |
|
--dxds-warning-170 |
#180501 |
|
| CSS Variable |
Value |
Preview |
--dxds-warning-10 |
#FBEBE4 |
|
--dxds-warning-20 |
#FFD6C3 |
|
--dxds-warning-30 |
#FFC5AC |
|
--dxds-warning-40 |
#FDB191 |
|
--dxds-warning-50 |
#F69C76 |
|
--dxds-warning-60 |
#F78E62 |
|
--dxds-warning-70 |
#F7804C |
|
--dxds-warning-80 |
#F77132 |
|
--dxds-warning-90 |
#F7630C |
|
--dxds-warning-100 |
#D54F00 |
|
--dxds-warning-110 |
#B24000 |
|
--dxds-warning-120 |
#913200 |
|
--dxds-warning-130 |
#722300 |
|
--dxds-warning-140 |
#501A01 |
|
--dxds-warning-150 |
#3C1301 |
|
--dxds-warning-160 |
#2A0B01 |
|
--dxds-warning-170 |
#180501 |
|
| CSS Variable |
Value |
Preview |
--dxds-warning-10 |
#FBEBE4 |
|
--dxds-warning-20 |
#FFD6C3 |
|
--dxds-warning-30 |
#FFC5AC |
|
--dxds-warning-40 |
#FDB191 |
|
--dxds-warning-50 |
#F69C76 |
|
--dxds-warning-60 |
#F78E62 |
|
--dxds-warning-70 |
#F7804C |
|
--dxds-warning-80 |
#F77132 |
|
--dxds-warning-90 |
#F7630C |
|
--dxds-warning-100 |
#D54F00 |
|
--dxds-warning-110 |
#B24000 |
|
--dxds-warning-120 |
#913200 |
|
--dxds-warning-130 |
#722300 |
|
--dxds-warning-140 |
#501A01 |
|
--dxds-warning-150 |
#3C1301 |
|
--dxds-warning-160 |
#2A0B01 |
|
--dxds-warning-170 |
#180501 |
|
| CSS Variable |
Value |
Preview |
--dxds-warning-10 |
#FBEBE4 |
|
--dxds-warning-20 |
#FFD6C3 |
|
--dxds-warning-30 |
#FFC5AC |
|
--dxds-warning-40 |
#FDB191 |
|
--dxds-warning-50 |
#F69C76 |
|
--dxds-warning-60 |
#F78E62 |
|
--dxds-warning-70 |
#F7804C |
|
--dxds-warning-80 |
#F77132 |
|
--dxds-warning-90 |
#F7630C |
|
--dxds-warning-100 |
#D54F00 |
|
--dxds-warning-110 |
#B24000 |
|
--dxds-warning-120 |
#913200 |
|
--dxds-warning-130 |
#722300 |
|
--dxds-warning-140 |
#501A01 |
|
--dxds-warning-150 |
#3C1301 |
|
--dxds-warning-160 |
#2A0B01 |
|
--dxds-warning-170 |
#180501 |
|
| CSS Variable |
Value |
Preview |
--dxds-warning-10 |
#FBEBE4 |
|
--dxds-warning-20 |
#FFD6C3 |
|
--dxds-warning-30 |
#FFC5AC |
|
--dxds-warning-40 |
#FDB191 |
|
--dxds-warning-50 |
#F69C76 |
|
--dxds-warning-60 |
#F78E62 |
|
--dxds-warning-70 |
#F7804C |
|
--dxds-warning-80 |
#F77132 |
|
--dxds-warning-90 |
#F7630C |
|
--dxds-warning-100 |
#D54F00 |
|
--dxds-warning-110 |
#B24000 |
|
--dxds-warning-120 |
#913200 |
|
--dxds-warning-130 |
#722300 |
|
--dxds-warning-140 |
#501A01 |
|
--dxds-warning-150 |
#3C1301 |
|
--dxds-warning-160 |
#2A0B01 |
|
--dxds-warning-170 |
#180501 |
|
| CSS Variable |
Value |
Preview |
--dxds-warning-10 |
#FBEBE4 |
|
--dxds-warning-20 |
#FFD6C3 |
|
--dxds-warning-30 |
#FFC5AC |
|
--dxds-warning-40 |
#FDB191 |
|
--dxds-warning-50 |
#F69C76 |
|
--dxds-warning-60 |
#F78E62 |
|
--dxds-warning-70 |
#F7804C |
|
--dxds-warning-80 |
#F77132 |
|
--dxds-warning-90 |
#F7630C |
|
--dxds-warning-100 |
#D54F00 |
|
--dxds-warning-110 |
#B24000 |
|
--dxds-warning-120 |
#913200 |
|
--dxds-warning-130 |
#722300 |
|
--dxds-warning-140 |
#501A01 |
|
--dxds-warning-150 |
#3C1301 |
|
--dxds-warning-160 |
#2A0B01 |
|
--dxds-warning-170 |
#180501 |
|
| CSS Variable |
Value |
Preview |
--dxds-warning-10 |
#FBEBE4 |
|
--dxds-warning-20 |
#FFD6C3 |
|
--dxds-warning-30 |
#FFC5AC |
|
--dxds-warning-40 |
#FDB191 |
|
--dxds-warning-50 |
#F69C76 |
|
--dxds-warning-60 |
#F78E62 |
|
--dxds-warning-70 |
#F7804C |
|
--dxds-warning-80 |
#F77132 |
|
--dxds-warning-90 |
#F7630C |
|
--dxds-warning-100 |
#D54F00 |
|
--dxds-warning-110 |
#B24000 |
|
--dxds-warning-120 |
#913200 |
|
--dxds-warning-130 |
#722300 |
|
--dxds-warning-140 |
#501A01 |
|
--dxds-warning-150 |
#3C1301 |
|
--dxds-warning-160 |
#2A0B01 |
|
--dxds-warning-170 |
#180501 |
|
Fluent Danger
| CSS Variable |
Value |
Preview |
--dxds-danger-10 |
#FCEAE8 |
|
--dxds-danger-20 |
#FFD0CA |
|
--dxds-danger-30 |
#FEBAB3 |
|
--dxds-danger-40 |
#F8A59C |
|
--dxds-danger-50 |
#F08F86 |
|
--dxds-danger-60 |
#E97970 |
|
--dxds-danger-70 |
#E0615A |
|
--dxds-danger-80 |
#CE3F3C |
|
--dxds-danger-90 |
#C50F1F |
|
--dxds-danger-100 |
#AE0618 |
|
--dxds-danger-110 |
#A10B18 |
|
--dxds-danger-120 |
#890813 |
|
--dxds-danger-130 |
#72050D |
|
--dxds-danger-140 |
#5B0309 |
|
--dxds-danger-150 |
#460205 |
|
--dxds-danger-160 |
#310203 |
|
--dxds-danger-170 |
#1D0102 |
|
| CSS Variable |
Value |
Preview |
--dxds-danger-10 |
#FCEAE8 |
|
--dxds-danger-20 |
#FFD0CA |
|
--dxds-danger-30 |
#FEBAB3 |
|
--dxds-danger-40 |
#F8A59C |
|
--dxds-danger-50 |
#F08F86 |
|
--dxds-danger-60 |
#E97970 |
|
--dxds-danger-70 |
#E0615A |
|
--dxds-danger-80 |
#CE3F3C |
|
--dxds-danger-90 |
#C50F1F |
|
--dxds-danger-100 |
#AE0618 |
|
--dxds-danger-110 |
#A10B18 |
|
--dxds-danger-120 |
#890813 |
|
--dxds-danger-130 |
#72050D |
|
--dxds-danger-140 |
#5B0309 |
|
--dxds-danger-150 |
#460205 |
|
--dxds-danger-160 |
#310203 |
|
--dxds-danger-170 |
#1D0102 |
|
| CSS Variable |
Value |
Preview |
--dxds-danger-10 |
#FCEAE8 |
|
--dxds-danger-20 |
#FFD0CA |
|
--dxds-danger-30 |
#FEBAB3 |
|
--dxds-danger-40 |
#F8A59C |
|
--dxds-danger-50 |
#F08F86 |
|
--dxds-danger-60 |
#E97970 |
|
--dxds-danger-70 |
#E0615A |
|
--dxds-danger-80 |
#CE3F3C |
|
--dxds-danger-90 |
#C50F1F |
|
--dxds-danger-100 |
#AE0618 |
|
--dxds-danger-110 |
#A10B18 |
|
--dxds-danger-120 |
#890813 |
|
--dxds-danger-130 |
#72050D |
|
--dxds-danger-140 |
#5B0309 |
|
--dxds-danger-150 |
#460205 |
|
--dxds-danger-160 |
#310203 |
|
--dxds-danger-170 |
#1D0102 |
|
| CSS Variable |
Value |
Preview |
--dxds-danger-10 |
#FCEAE8 |
|
--dxds-danger-20 |
#FFD0CA |
|
--dxds-danger-30 |
#FEBAB3 |
|
--dxds-danger-40 |
#F8A59C |
|
--dxds-danger-50 |
#F08F86 |
|
--dxds-danger-60 |
#E97970 |
|
--dxds-danger-70 |
#E0615A |
|
--dxds-danger-80 |
#CE3F3C |
|
--dxds-danger-90 |
#C50F1F |
|
--dxds-danger-100 |
#AE0618 |
|
--dxds-danger-110 |
#A10B18 |
|
--dxds-danger-120 |
#890813 |
|
--dxds-danger-130 |
#72050D |
|
--dxds-danger-140 |
#5B0309 |
|
--dxds-danger-150 |
#460205 |
|
--dxds-danger-160 |
#310203 |
|
--dxds-danger-170 |
#1D0102 |
|
| CSS Variable |
Value |
Preview |
--dxds-danger-10 |
#FCEAE8 |
|
--dxds-danger-20 |
#FFD0CA |
|
--dxds-danger-30 |
#FEBAB3 |
|
--dxds-danger-40 |
#F8A59C |
|
--dxds-danger-50 |
#F08F86 |
|
--dxds-danger-60 |
#E97970 |
|
--dxds-danger-70 |
#E0615A |
|
--dxds-danger-80 |
#CE3F3C |
|
--dxds-danger-90 |
#C50F1F |
|
--dxds-danger-100 |
#AE0618 |
|
--dxds-danger-110 |
#A10B18 |
|
--dxds-danger-120 |
#890813 |
|
--dxds-danger-130 |
#72050D |
|
--dxds-danger-140 |
#5B0309 |
|
--dxds-danger-150 |
#460205 |
|
--dxds-danger-160 |
#310203 |
|
--dxds-danger-170 |
#1D0102 |
|
| CSS Variable |
Value |
Preview |
--dxds-danger-10 |
#FCEAE8 |
|
--dxds-danger-20 |
#FFD0CA |
|
--dxds-danger-30 |
#FEBAB3 |
|
--dxds-danger-40 |
#F8A59C |
|
--dxds-danger-50 |
#F08F86 |
|
--dxds-danger-60 |
#E97970 |
|
--dxds-danger-70 |
#E0615A |
|
--dxds-danger-80 |
#CE3F3C |
|
--dxds-danger-90 |
#C50F1F |
|
--dxds-danger-100 |
#AE0618 |
|
--dxds-danger-110 |
#A10B18 |
|
--dxds-danger-120 |
#890813 |
|
--dxds-danger-130 |
#72050D |
|
--dxds-danger-140 |
#5B0309 |
|
--dxds-danger-150 |
#460205 |
|
--dxds-danger-160 |
#310203 |
|
--dxds-danger-170 |
#1D0102 |
|
| CSS Variable |
Value |
Preview |
--dxds-danger-10 |
#FCEAE8 |
|
--dxds-danger-20 |
#FFD0CA |
|
--dxds-danger-30 |
#FEBAB3 |
|
--dxds-danger-40 |
#F8A59C |
|
--dxds-danger-50 |
#F08F86 |
|
--dxds-danger-60 |
#E97970 |
|
--dxds-danger-70 |
#E0615A |
|
--dxds-danger-80 |
#CE3F3C |
|
--dxds-danger-90 |
#C50F1F |
|
--dxds-danger-100 |
#AE0618 |
|
--dxds-danger-110 |
#A10B18 |
|
--dxds-danger-120 |
#890813 |
|
--dxds-danger-130 |
#72050D |
|
--dxds-danger-140 |
#5B0309 |
|
--dxds-danger-150 |
#460205 |
|
--dxds-danger-160 |
#310203 |
|
--dxds-danger-170 |
#1D0102 |
|
| CSS Variable |
Value |
Preview |
--dxds-danger-10 |
#FCEAE8 |
|
--dxds-danger-20 |
#FFD0CA |
|
--dxds-danger-30 |
#FEBAB3 |
|
--dxds-danger-40 |
#F8A59C |
|
--dxds-danger-50 |
#F08F86 |
|
--dxds-danger-60 |
#E97970 |
|
--dxds-danger-70 |
#E0615A |
|
--dxds-danger-80 |
#CE3F3C |
|
--dxds-danger-90 |
#C50F1F |
|
--dxds-danger-100 |
#AE0618 |
|
--dxds-danger-110 |
#A10B18 |
|
--dxds-danger-120 |
#890813 |
|
--dxds-danger-130 |
#72050D |
|
--dxds-danger-140 |
#5B0309 |
|
--dxds-danger-150 |
#460205 |
|
--dxds-danger-160 |
#310203 |
|
--dxds-danger-170 |
#1D0102 |
|
| CSS Variable |
Value |
Preview |
--dxds-danger-10 |
#FCEAE8 |
|
--dxds-danger-20 |
#FFD0CA |
|
--dxds-danger-30 |
#FEBAB3 |
|
--dxds-danger-40 |
#F8A59C |
|
--dxds-danger-50 |
#F08F86 |
|
--dxds-danger-60 |
#E97970 |
|
--dxds-danger-70 |
#E0615A |
|
--dxds-danger-80 |
#CE3F3C |
|
--dxds-danger-90 |
#C50F1F |
|
--dxds-danger-100 |
#AE0618 |
|
--dxds-danger-110 |
#A10B18 |
|
--dxds-danger-120 |
#890813 |
|
--dxds-danger-130 |
#72050D |
|
--dxds-danger-140 |
#5B0309 |
|
--dxds-danger-150 |
#460205 |
|
--dxds-danger-160 |
#310203 |
|
--dxds-danger-170 |
#1D0102 |
|
| CSS Variable |
Value |
Preview |
--dxds-danger-10 |
#FCEAE8 |
|
--dxds-danger-20 |
#FFD0CA |
|
--dxds-danger-30 |
#FEBAB3 |
|
--dxds-danger-40 |
#F8A59C |
|
--dxds-danger-50 |
#F08F86 |
|
--dxds-danger-60 |
#E97970 |
|
--dxds-danger-70 |
#E0615A |
|
--dxds-danger-80 |
#CE3F3C |
|
--dxds-danger-90 |
#C50F1F |
|
--dxds-danger-100 |
#AE0618 |
|
--dxds-danger-110 |
#A10B18 |
|
--dxds-danger-120 |
#890813 |
|
--dxds-danger-130 |
#72050D |
|
--dxds-danger-140 |
#5B0309 |
|
--dxds-danger-150 |
#460205 |
|
--dxds-danger-160 |
#310203 |
|
--dxds-danger-170 |
#1D0102 |
|
| CSS Variable |
Value |
Preview |
--dxds-danger-10 |
#FCEAE8 |
|
--dxds-danger-20 |
#FFD0CA |
|
--dxds-danger-30 |
#FEBAB3 |
|
--dxds-danger-40 |
#F8A59C |
|
--dxds-danger-50 |
#F08F86 |
|
--dxds-danger-60 |
#E97970 |
|
--dxds-danger-70 |
#E0615A |
|
--dxds-danger-80 |
#CE3F3C |
|
--dxds-danger-90 |
#C50F1F |
|
--dxds-danger-100 |
#AE0618 |
|
--dxds-danger-110 |
#A10B18 |
|
--dxds-danger-120 |
#890813 |
|
--dxds-danger-130 |
#72050D |
|
--dxds-danger-140 |
#5B0309 |
|
--dxds-danger-150 |
#460205 |
|
--dxds-danger-160 |
#310203 |
|
--dxds-danger-170 |
#1D0102 |
|
Fluent Neutral
| CSS Variable |
Value |
Preview |
--dxds-neutral-10 |
#FFFFFE |
|
--dxds-neutral-20 |
#F4F4F3 |
|
--dxds-neutral-30 |
#E9E9E8 |
|
--dxds-neutral-40 |
#DEDEDD |
|
--dxds-neutral-50 |
#D3D3D2 |
|
--dxds-neutral-60 |
#C8C8C7 |
|
--dxds-neutral-70 |
#BDBEBD |
|
--dxds-neutral-80 |
#B3B3B2 |
|
--dxds-neutral-90 |
#A8A9A8 |
|
--dxds-neutral-100 |
#9E9E9E |
|
--dxds-neutral-110 |
#949493 |
|
--dxds-neutral-120 |
#8A8A89 |
|
--dxds-neutral-130 |
#808080 |
|
--dxds-neutral-140 |
#767676 |
|
--dxds-neutral-150 |
#6C6D6C |
|
--dxds-neutral-160 |
#636363 |
|
--dxds-neutral-170 |
#595A59 |
|
--dxds-neutral-180 |
#505150 |
|
--dxds-neutral-190 |
#474847 |
|
--dxds-neutral-200 |
#3F3F3E |
|
--dxds-neutral-210 |
#363636 |
|
--dxds-neutral-220 |
#2E2E2D |
|
--dxds-neutral-230 |
#252525 |
|
--dxds-neutral-240 |
#1D1E1D |
|
--dxds-neutral-250 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-neutral-10 |
#FFFFFE |
|
--dxds-neutral-20 |
#F4F4F3 |
|
--dxds-neutral-30 |
#E9E9E8 |
|
--dxds-neutral-40 |
#DEDEDD |
|
--dxds-neutral-50 |
#D3D3D2 |
|
--dxds-neutral-60 |
#C8C8C7 |
|
--dxds-neutral-70 |
#BDBEBD |
|
--dxds-neutral-80 |
#B3B3B2 |
|
--dxds-neutral-90 |
#A8A9A8 |
|
--dxds-neutral-100 |
#9E9E9E |
|
--dxds-neutral-110 |
#949493 |
|
--dxds-neutral-120 |
#8A8A89 |
|
--dxds-neutral-130 |
#808080 |
|
--dxds-neutral-140 |
#767676 |
|
--dxds-neutral-150 |
#6C6D6C |
|
--dxds-neutral-160 |
#636363 |
|
--dxds-neutral-170 |
#595A59 |
|
--dxds-neutral-180 |
#505150 |
|
--dxds-neutral-190 |
#474847 |
|
--dxds-neutral-200 |
#3F3F3E |
|
--dxds-neutral-210 |
#363636 |
|
--dxds-neutral-220 |
#2E2E2D |
|
--dxds-neutral-230 |
#252525 |
|
--dxds-neutral-240 |
#1D1E1D |
|
--dxds-neutral-250 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-neutral-10 |
#FFFFFE |
|
--dxds-neutral-20 |
#F4F4F3 |
|
--dxds-neutral-30 |
#E9E9E8 |
|
--dxds-neutral-40 |
#DEDEDD |
|
--dxds-neutral-50 |
#D3D3D2 |
|
--dxds-neutral-60 |
#C8C8C7 |
|
--dxds-neutral-70 |
#BDBEBD |
|
--dxds-neutral-80 |
#B3B3B2 |
|
--dxds-neutral-90 |
#A8A9A8 |
|
--dxds-neutral-100 |
#9E9E9E |
|
--dxds-neutral-110 |
#949493 |
|
--dxds-neutral-120 |
#8A8A89 |
|
--dxds-neutral-130 |
#808080 |
|
--dxds-neutral-140 |
#767676 |
|
--dxds-neutral-150 |
#6C6D6C |
|
--dxds-neutral-160 |
#636363 |
|
--dxds-neutral-170 |
#595A59 |
|
--dxds-neutral-180 |
#505150 |
|
--dxds-neutral-190 |
#474847 |
|
--dxds-neutral-200 |
#3F3F3E |
|
--dxds-neutral-210 |
#363636 |
|
--dxds-neutral-220 |
#2E2E2D |
|
--dxds-neutral-230 |
#252525 |
|
--dxds-neutral-240 |
#1D1E1D |
|
--dxds-neutral-250 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-neutral-10 |
#FFFFFE |
|
--dxds-neutral-20 |
#F4F4F3 |
|
--dxds-neutral-30 |
#E9E9E8 |
|
--dxds-neutral-40 |
#DEDEDD |
|
--dxds-neutral-50 |
#D3D3D2 |
|
--dxds-neutral-60 |
#C8C8C7 |
|
--dxds-neutral-70 |
#BDBEBD |
|
--dxds-neutral-80 |
#B3B3B2 |
|
--dxds-neutral-90 |
#A8A9A8 |
|
--dxds-neutral-100 |
#9E9E9E |
|
--dxds-neutral-110 |
#949493 |
|
--dxds-neutral-120 |
#8A8A89 |
|
--dxds-neutral-130 |
#808080 |
|
--dxds-neutral-140 |
#767676 |
|
--dxds-neutral-150 |
#6C6D6C |
|
--dxds-neutral-160 |
#636363 |
|
--dxds-neutral-170 |
#595A59 |
|
--dxds-neutral-180 |
#505150 |
|
--dxds-neutral-190 |
#474847 |
|
--dxds-neutral-200 |
#3F3F3E |
|
--dxds-neutral-210 |
#363636 |
|
--dxds-neutral-220 |
#2E2E2D |
|
--dxds-neutral-230 |
#252525 |
|
--dxds-neutral-240 |
#1D1E1D |
|
--dxds-neutral-250 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-neutral-10 |
#FFFFFE |
|
--dxds-neutral-20 |
#F4F4F3 |
|
--dxds-neutral-30 |
#E9E9E8 |
|
--dxds-neutral-40 |
#DEDEDD |
|
--dxds-neutral-50 |
#D3D3D2 |
|
--dxds-neutral-60 |
#C8C8C7 |
|
--dxds-neutral-70 |
#BDBEBD |
|
--dxds-neutral-80 |
#B3B3B2 |
|
--dxds-neutral-90 |
#A8A9A8 |
|
--dxds-neutral-100 |
#9E9E9E |
|
--dxds-neutral-110 |
#949493 |
|
--dxds-neutral-120 |
#8A8A89 |
|
--dxds-neutral-130 |
#808080 |
|
--dxds-neutral-140 |
#767676 |
|
--dxds-neutral-150 |
#6C6D6C |
|
--dxds-neutral-160 |
#636363 |
|
--dxds-neutral-170 |
#595A59 |
|
--dxds-neutral-180 |
#505150 |
|
--dxds-neutral-190 |
#474847 |
|
--dxds-neutral-200 |
#3F3F3E |
|
--dxds-neutral-210 |
#363636 |
|
--dxds-neutral-220 |
#2E2E2D |
|
--dxds-neutral-230 |
#252525 |
|
--dxds-neutral-240 |
#1D1E1D |
|
--dxds-neutral-250 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-neutral-10 |
#FFFFFE |
|
--dxds-neutral-20 |
#F4F4F3 |
|
--dxds-neutral-30 |
#E9E9E8 |
|
--dxds-neutral-40 |
#DEDEDD |
|
--dxds-neutral-50 |
#D3D3D2 |
|
--dxds-neutral-60 |
#C8C8C7 |
|
--dxds-neutral-70 |
#BDBEBD |
|
--dxds-neutral-80 |
#B3B3B2 |
|
--dxds-neutral-90 |
#A8A9A8 |
|
--dxds-neutral-100 |
#9E9E9E |
|
--dxds-neutral-110 |
#949493 |
|
--dxds-neutral-120 |
#8A8A89 |
|
--dxds-neutral-130 |
#808080 |
|
--dxds-neutral-140 |
#767676 |
|
--dxds-neutral-150 |
#6C6D6C |
|
--dxds-neutral-160 |
#636363 |
|
--dxds-neutral-170 |
#595A59 |
|
--dxds-neutral-180 |
#505150 |
|
--dxds-neutral-190 |
#474847 |
|
--dxds-neutral-200 |
#3F3F3E |
|
--dxds-neutral-210 |
#363636 |
|
--dxds-neutral-220 |
#2E2E2D |
|
--dxds-neutral-230 |
#252525 |
|
--dxds-neutral-240 |
#1D1E1D |
|
--dxds-neutral-250 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-neutral-10 |
#FFFFFE |
|
--dxds-neutral-20 |
#F4F4F3 |
|
--dxds-neutral-30 |
#E9E9E8 |
|
--dxds-neutral-40 |
#DEDEDD |
|
--dxds-neutral-50 |
#D3D3D2 |
|
--dxds-neutral-60 |
#C8C8C7 |
|
--dxds-neutral-70 |
#BDBEBD |
|
--dxds-neutral-80 |
#B3B3B2 |
|
--dxds-neutral-90 |
#A8A9A8 |
|
--dxds-neutral-100 |
#9E9E9E |
|
--dxds-neutral-110 |
#949493 |
|
--dxds-neutral-120 |
#8A8A89 |
|
--dxds-neutral-130 |
#808080 |
|
--dxds-neutral-140 |
#767676 |
|
--dxds-neutral-150 |
#6C6D6C |
|
--dxds-neutral-160 |
#636363 |
|
--dxds-neutral-170 |
#595A59 |
|
--dxds-neutral-180 |
#505150 |
|
--dxds-neutral-190 |
#474847 |
|
--dxds-neutral-200 |
#3F3F3E |
|
--dxds-neutral-210 |
#363636 |
|
--dxds-neutral-220 |
#2E2E2D |
|
--dxds-neutral-230 |
#252525 |
|
--dxds-neutral-240 |
#1D1E1D |
|
--dxds-neutral-250 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-neutral-10 |
#FFFFFE |
|
--dxds-neutral-20 |
#F4F4F3 |
|
--dxds-neutral-30 |
#E9E9E8 |
|
--dxds-neutral-40 |
#DEDEDD |
|
--dxds-neutral-50 |
#D3D3D2 |
|
--dxds-neutral-60 |
#C8C8C7 |
|
--dxds-neutral-70 |
#BDBEBD |
|
--dxds-neutral-80 |
#B3B3B2 |
|
--dxds-neutral-90 |
#A8A9A8 |
|
--dxds-neutral-100 |
#9E9E9E |
|
--dxds-neutral-110 |
#949493 |
|
--dxds-neutral-120 |
#8A8A89 |
|
--dxds-neutral-130 |
#808080 |
|
--dxds-neutral-140 |
#767676 |
|
--dxds-neutral-150 |
#6C6D6C |
|
--dxds-neutral-160 |
#636363 |
|
--dxds-neutral-170 |
#595A59 |
|
--dxds-neutral-180 |
#505150 |
|
--dxds-neutral-190 |
#474847 |
|
--dxds-neutral-200 |
#3F3F3E |
|
--dxds-neutral-210 |
#363636 |
|
--dxds-neutral-220 |
#2E2E2D |
|
--dxds-neutral-230 |
#252525 |
|
--dxds-neutral-240 |
#1D1E1D |
|
--dxds-neutral-250 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-neutral-10 |
#FFFFFE |
|
--dxds-neutral-20 |
#F4F4F3 |
|
--dxds-neutral-30 |
#E9E9E8 |
|
--dxds-neutral-40 |
#DEDEDD |
|
--dxds-neutral-50 |
#D3D3D2 |
|
--dxds-neutral-60 |
#C8C8C7 |
|
--dxds-neutral-70 |
#BDBEBD |
|
--dxds-neutral-80 |
#B3B3B2 |
|
--dxds-neutral-90 |
#A8A9A8 |
|
--dxds-neutral-100 |
#9E9E9E |
|
--dxds-neutral-110 |
#949493 |
|
--dxds-neutral-120 |
#8A8A89 |
|
--dxds-neutral-130 |
#808080 |
|
--dxds-neutral-140 |
#767676 |
|
--dxds-neutral-150 |
#6C6D6C |
|
--dxds-neutral-160 |
#636363 |
|
--dxds-neutral-170 |
#595A59 |
|
--dxds-neutral-180 |
#505150 |
|
--dxds-neutral-190 |
#474847 |
|
--dxds-neutral-200 |
#3F3F3E |
|
--dxds-neutral-210 |
#363636 |
|
--dxds-neutral-220 |
#2E2E2D |
|
--dxds-neutral-230 |
#252525 |
|
--dxds-neutral-240 |
#1D1E1D |
|
--dxds-neutral-250 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-neutral-10 |
#FFFFFE |
|
--dxds-neutral-20 |
#F4F4F3 |
|
--dxds-neutral-30 |
#E9E9E8 |
|
--dxds-neutral-40 |
#DEDEDD |
|
--dxds-neutral-50 |
#D3D3D2 |
|
--dxds-neutral-60 |
#C8C8C7 |
|
--dxds-neutral-70 |
#BDBEBD |
|
--dxds-neutral-80 |
#B3B3B2 |
|
--dxds-neutral-90 |
#A8A9A8 |
|
--dxds-neutral-100 |
#9E9E9E |
|
--dxds-neutral-110 |
#949493 |
|
--dxds-neutral-120 |
#8A8A89 |
|
--dxds-neutral-130 |
#808080 |
|
--dxds-neutral-140 |
#767676 |
|
--dxds-neutral-150 |
#6C6D6C |
|
--dxds-neutral-160 |
#636363 |
|
--dxds-neutral-170 |
#595A59 |
|
--dxds-neutral-180 |
#505150 |
|
--dxds-neutral-190 |
#474847 |
|
--dxds-neutral-200 |
#3F3F3E |
|
--dxds-neutral-210 |
#363636 |
|
--dxds-neutral-220 |
#2E2E2D |
|
--dxds-neutral-230 |
#252525 |
|
--dxds-neutral-240 |
#1D1E1D |
|
--dxds-neutral-250 |
#161616 |
|
| CSS Variable |
Value |
Preview |
--dxds-neutral-10 |
#FFFFFE |
|
--dxds-neutral-20 |
#F4F4F3 |
|
--dxds-neutral-30 |
#E9E9E8 |
|
--dxds-neutral-40 |
#DEDEDD |
|
--dxds-neutral-50 |
#D3D3D2 |
|
--dxds-neutral-60 |
#C8C8C7 |
|
--dxds-neutral-70 |
#BDBEBD |
|
--dxds-neutral-80 |
#B3B3B2 |
|
--dxds-neutral-90 |
#A8A9A8 |
|
--dxds-neutral-100 |
#9E9E9E |
|
--dxds-neutral-110 |
#949493 |
|
--dxds-neutral-120 |
#8A8A89 |
|
--dxds-neutral-130 |
#808080 |
|
--dxds-neutral-140 |
#767676 |
|
--dxds-neutral-150 |
#6C6D6C |
|
--dxds-neutral-160 |
#636363 |
|
--dxds-neutral-170 |
#595A59 |
|
--dxds-neutral-180 |
#505150 |
|
--dxds-neutral-190 |
#474847 |
|
--dxds-neutral-200 |
#3F3F3E |
|
--dxds-neutral-210 |
#363636 |
|
--dxds-neutral-220 |
#2E2E2D |
|
--dxds-neutral-230 |
#252525 |
|
--dxds-neutral-240 |
#1D1E1D |
|
--dxds-neutral-250 |
#161616 |
|