- Ant Design
- Global Styles
- Design Patterns
- Design Patterns (Research)
- Overview
- Template Document
- Global Rules
- Visualization
- Motion
- Illustrations
Dark mode is a theme where all UI elements are darkened.
It works similarly to turning off the lights in a movie theater.
Avoid using highly contrasting colors or content in dark mode. Continuous use will bring fatigue.
The information content in the dark mode needs to be consistent with the light mode, and the initialization hierarchical relationship should not be broken.
In the application of colors, we are based on 12 sets of basic swatches and combine longer rule processing to make colors better blend under different environmental colors.
Additionally, we also provide a set of tools for generating color palettes in dark colors. You need to select your primary color and the background color of the page. We will generate a dark mode color palette for you.