Ready
Dark Theme
Users have the option to switch the UI to a dark theme. A dark theme is a user interface that uses a dark color scheme as the base. This means the background and main surfaces of the interface will be dark gray, with text and other elements displayed in lighter colors.
Best Practices
1
.
Eye Strain
Dark backgrounds can reduce the amount of bright light emitted from the screen, which can be easier on the eyes, especially in low-light environments.
2
.
Look and feel
Dark themes can create a sleek and sophisticated look for an app and have become a common feature for best-in-class software
Color Mode Color Values
Name
Light Mode
Dark Mode
neutral-1200
1B1B1B
FFFFFF
neutral-1100
222222
F2F2F2
neutral-1000
2E2E2E
EAEAEA
neutral-900
3D3D3D
E0E0E0
neutral-800
5B5B5B
D5D5D5
neutral-700
737373
C0C0C0
neutral-600
969696
ABABAB
neutral-500
ABABAB
969696
neutral-400
C0C0C0
737373
neutral-300
D5D5D5
5B5B5B
neutral-200
E0E0E0
3D3D3D
neutral-100
EAEAEA
2E2E2E
neutral-50
F2F2F2
222222
neutral-0
FFFFFF
1B1B1B
gold-800
A28A2E
FFFBED
gold-700
CEB03D
FEF7DB
gold-600
FAD64C
FEF3C9
gold-500
FBDE70
FDEFB7
gold-400
FCE694
FCE694
gold-300
FDEFB7
FBDE70
gold-200
FEF3C9
FAD64C
gold-100
FEF7DB
CEB03D
gold-50
FFFBED
A28A2E
blue-800
4392
EFF4FE
blue-700
005AC3
CDE3FC
blue-600
006AE5
B7D5F7
blue-500
3F8EEA
9FC6F4
blue-400
6FAAEF
6FAAEF
blue-300
9FC6F4
3F8EEA
blue-200
B7D5F7
006AE5
blue-100
CDE3FC
005AC3
blue-50
EFF4FE
4392
red-800
941800
FEEFEC
red-700
C52000
FDD4CC
red-600
F62800
FCBFB3
red-500
F85333
FBA999
red-400
FA7E66
FA7E66
red-300
FBA999
F85333
red-200
FCBFB3
F62800
red-100
FDD4CC
C52000
red-50
FEEFEC
941800
orange-800
873800
FFF7E6
orange-700
AD4E00
FFE7BA
orange-600
D46808
FFD591
orange-500
FA8C16
FFC069
orange-400
FFA940
FFA940
orange-300
FFC069
FA8C16
orange-200
FFD591
D46808
orange-100
FFE7BA
AD4E00
orange-50
FFF7E6
873800
green-800
18653A
E6F6EC
green-700
20874D
D1EDDD
green-600
28A960
BCE5CD
green-500
52BA7F
A7DCBE
green-400
7CCB9E
7CCB9E
green-300
A7DCBE
52BA7F
green-200
BCE5CD
28A960
green-100
D1EDDD
20874D
green-50
E6F6EC
18653A