Material Design暗色主题设计指南

主体色

主体色是应用里最常显示的颜色。Material Design暗色主题使用原色的200色调（在所有背景和层级上均需通过WCAG的AA标准：文本和背景至少对比度达到4.5：1）。

暗色主题中的主体色示例：1.主要颜色2.色调变体

主体色变体

在我们设计界面时，某些浅色界面上的组件需要使用主体色的变体。

这个暗色主题使用了主体色（紫色200）和主体色的变体（紫色700）

辅助色

大多数的时候我们都无法仅仅依靠主体色这一种颜色撑起画面，我们还需要辅助色。辅助色一般来说是主体色的临近色或互补色。在暗色主题中，辅助色可以用来显示用于突出的部分内容。当然，辅助色同样必须满足背景与文本4.5：1的对比度要求。

暗色主题中的辅助色调色板1.辅助色指示符2.色调变体

这个界面中使用了主体色和辅助色变体

强调色

在暗色的主题中，暗色占据了UI的大部分空间。而在暗色之上我们也会运用强调色。强调色通常是浅色或明亮的色彩，这样的颜色能让我们希望突出的元素在暗色中脱颖而出。

为了提升灵活性和可用性，建议在暗色主题中使用较浅的色调（200-50），而不是默认主题颜色（饱和色调范围为900-500）。1.默认主题原色指示灯2.暗色主题原色

选择色彩时要考虑饱和度对界面阅读的影响

暗色主题下顶部应用栏使用的颜色不可以是主体色