主要观点：

• 今夏 Tailscale 推出了管理控制台的暗模式，分享了在使网页 UI 更适合夜间使用过程中所学到的经验和面临的挑战。
• 工作于管理控制台的暗模式有助于为网页产品带来急需的一致性。
• 暗模式促使设计系统更好，迫使面对决策、扩展语义类等。
• 实施中一些细节让切换和使用主题体验更好。
• 虽已取得成果，但仍有很多工作要做，设计系统需不断进化。

关键信息：

• 早期在 iOS、Android 和 Apple TV 应用中有过暗模式经验，在管理控制台意味着更深入整合。
• 颜色选择在暗模式下更复杂，如处理禁用按钮颜色，有多种选择及利弊。
• 现有颜色调色板在分层和阴影方面存在问题，通过添加更暗的灰色等解决对比问题。
• 暗模式促使对一些组件进行改进，如“Snippet”组件，简化了样式。
• 细节方面，切换主题时禁用 CSS 过渡，使用<meta name=”color-scheme” />属性，嵌入内联<script>等让体验更好。
• 仍有非管理控制台网页、颜色调色板、自定义样式、语义变量及移动客户端等方面的工作要做。

重要细节：

• 颜色尺度在两端亮度和饱和度的关系及在不同模式下的应用。
• 设计系统中各种元素如颜色、边框、阴影等在暗模式下的调整和变化。
• 不同应用在解决暗模式对比问题上的方式差异。
• 暗模式对设计系统各个方面的推动和改进，如语义类的扩展等。