在实现暗色模式的过程中，我遇到了很多有趣的挑战。
最初的想法很简单：用 CSS 变量切换颜色。但在实践中，许多细节需要注意。
首先是字体颜色。纯白色 (#FFFFFF) 文本在深色背景上对比度过高，长时间阅读会导致眼睛疲劳。我最终选择略微偏灰的白色，既减轻视觉压力，又保持可读性。
其次是代码块样式。浅灰色背景在亮色模式下很自然，但暗色模式需要完全不同的配色方案。我参考了 GitHub 和 VSCode 的暗色主题，逐一调整了每个语法高亮的颜色值。
const theme = localStorage.getItem('theme');
if (theme === 'dark') {
document.documentElement.classList.add('dark');
}这些看似微小的细节，构成了最终体验的关键部分。
قالايسىز 
评论