结论:GJ 站长论坛开暗黑模式,一般是在模板里加 CSS 变量和切换按钮,再配合 localStorage 记住用户选择。
① 先定义两套变量:在根元素上写 :root 亮色变量,再用 [data-theme="dark"] 覆盖成暗色,背景、文字、卡片颜色都走变量。
② 加切换按钮:在导航栏放一个按钮,点击时切换 data-theme 属性,同时把当前主题存进 localStorage。
③ 页面加载时读取:在 head 里内联一小段 JS,先读 localStorage,避免刷新时闪白屏。
④ 注意图片和代码块:暗色下给图片加轻微降亮度,代码块用深色背景,否则对比度太差看不清。