Skip to content

vuepress-theme-default-prefers-color-scheme

vuepress-theme-default-prefers-color-scheme 是为了让 vuepress 的 默认主题 支持 浅色深色 模式的主题

详细文档及演示

原理

主要是基于下一代 css 技术中的 prefers-color-schemeCSS Variables 实现

查看支持浏览器

对于 prefers-color-scheme 还需要你的操作系统支持切换浅色与深色模式

  • mac Mojave ^10.14
  • windows 10 ^1809

对于都不支持的浏览器将显示与默认主题几乎相同的样式

TIP

当然只需简单的配置就可以支持为更多的浏览器带来深色模式

创建时间:

最近更新: