OLED 深黑Dark Mode (OLED)
纯黑底配高亮强调色，利用 OLED 像素熄灭实现真正省电与无限对比。层次靠 #121212 级的微亮面而非阴影，白色文字需降亮避免眩光。
典型场景夜间工具 · 开发者产品 · 移动端
编号07
年代2020s Modern
复杂度Low
默认模式自动
效果示例
Nova
产品方案定价
开始使用
Design System
同一套组件
不同的性格
色彩、字体、圆角与材质，决定了界面的气质。
主要操作次要操作
标签 A标签 B+12
月度增长
+24.8%
转化率4.2%
客单价¥328
Aa Bb Cc 0123
按钮 / ButtonPrimaryGhost
输入 / Inputname@example.com
标签 / Chip已选中默认+8
进度 / Progress
开关 / Switch
数值 / Numeric1,284.50
同一副骨架，演示色彩、字体、圆角、描边、阴影与材质。明暗切换展示该风格在两种模式下的令牌表现（数据标注：浅色 不建议，深色 支持）。
风格描述
纯黑底配高亮强调色，利用 OLED 像素熄灭实现真正省电与无限对比。层次靠 #121212 级的微亮面而非阴影，白色文字需降亮避免眩光。
关键词
Dark themelow lighthigh contrastdeep blackmidnight blueeye-friendlyOLEDnight modepower efficient
别名
Dark Mode
效果与动效
Minimal glow (text-shadow: 0 0 10px), dark-to-light transitions, low white emission, high readability, visible focus
设计系统变量
--bg-black#000000--bg-dark-grey#121212--text-primary#FFFFFF--accent-neonneon colors--glow-effectminimal--oled-optimizedtrue配色方案
色值取自风格数据，不足时补充主题令牌主色 / Primary
Deep Black #000000, Dark Grey #121212, Midnight Blue #0A0E27
辅色 / Secondary
Vibrant accents: Neon Green #39FF14, Electric Blue #0080FF, Gold #FFD700, Plasma Purple #BF00FF
强调色在页面底色上的对比度约 15.5:1，可用于正文与图标。
适用场景
适合 / Best For
- Night-mode apps
- coding platforms
- entertainment
- eye-strain prevention
- OLED devices
- low-light
避开 / Do Not Use For
- Print-first content
- high-brightness outdoor
- color-accuracy-critical
框架兼容
tailwindmuichakra
能力矩阵
浅色模式不建议
深色模式支持
移动适配可适配
转化导向弱Low
渲染成本低无额外开销
无障碍风险低contrast-text-4.5 / keyboard / visible-focus / reduced-motion
实现要点
落地清单
- Deep black #000000 or #121212,
- Vibrant neon accents used,
- Text contrast 7:1+,
- Minimal glow effects,
- OLED power optimization,
- No white (#FFFFFF) background
CSS / 技术关键词
background: #000000 or #121212, color: #FFFFFF or #E0E0E0, text-shadow: 0 0 10px neon-color (sparingly), filter: brightness(0.8) if needed, color-scheme: dark
下辖变体：现代暗色影院（移动）、比特币 DeFi（移动）。
AI 提示词
Create an OLED-optimized dark interface with deep black (#000000), dark grey (#121212), midnight blue accents. Use minimal glow effects, vibrant neon accents (green, blue, gold, purple), high contrast text. Optimize for eye comfort and OLED power saving.