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

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

vuepress-plugin-img-lazy

vuepress-plugin-img-lazy

一个为了更好的支持图片懒加载的 vuepress 插件

vuepress-plugin-reading-progress

vuepress-plugin-reading-progress

a reading progress bar plugin for vuepress