Gallery风格库

Dark Mode UI

ProMax

Dark Mode UI is the mainstream dark-theme interface language codified by Google's Material Design. Its baseline is a near-black charcoal of #121212 — deliberately not pure black — chosen to reduce eye strain and let elevation read. Depth is communicated not by drop shadows but by compositing semi-transparent white overlays over the ground: the higher an element rises, the lighter its surface becomes.

Accents are desaturated — a soft lavender, a muted teal, a dusty error rose — reserved for interactive emphasis. Body text rides on white at reduced opacity (87% / 60% / 38%), never full strength, so the interface stays calm, legible, and easy on OLED screens at night.

Dark Mode UI 是由 Google Material Design 系统化定义的主流暗色界面语言。它的基底是近黑的炭色 #121212——刻意不用纯黑——以减轻眼睛疲劳,并让"层级"能够被感知。深度不靠投影表达,而是通过在基底上叠加半透明白色来实现:元素抬得越高,其表面就越亮。

强调色都是去饱和的——柔和的薰衣草紫、低调的青绿、暗淡的玫红错误色——只保留给可交互的重点。正文文字以降低的不透明度(高 87% / 中 60% / 禁用 38%)落在白色之上,从不满负荷,让界面在夜间的 OLED 屏幕上保持冷静、清晰而护眼。

Learn more about the Dark Mode UI style深入了解 Dark Mode UI 风格

  • Origin来源Global / internet (Android & cross-platform UI)全球 / 互联网(Android 与跨平台界面)
  • Period年代2010s onward; Material Design dark-theme spec consolidated ~2018–2019
  • Designer代表人物Google Material Design team · Matías Duarte
  • Movements所属运动Material Design · System-wide dark mode (OLED-era OS theming)

Web examples网页示例

3

Slide examples幻灯片示例

3