用 prefers-color-scheme 让页面跟随系统切换深色模式

跟随系统深色模式不用写 JS 判断,媒体查询就能搞定。

用 prefers-color-scheme 写两套变量,浅色和深色各给一份。

把颜色抽成 CSS 变量,只在 :root 里换值,避免整站改样式。

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #111;
    --fg: #eee;
  }
}
body { background: var(--bg); color: var(--fg); }
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容