VitePress Open17

Appearance

主题色配置 ​

你可以通过引入css文件来配置默认样式变量值:

js
// .vitepress/theme/index.js
import Theme from 'vitepress-theme-open17'
import './style.css'
export default Theme

全部变量值可参考这里

目前本主题颜色变量依赖于--vp-c-bg,--vp-c-text等

未来可能会进一步分离,降低耦合度

配置主题色示例 ​

下面是本主题默认的主题色:

css
/* .vitepress/theme/style.css */
:root{
  --vp-c-brand-1: #2276ca;
  --vp-c-brand-2: #3c83ba;
  --vp-c-brand-3: #198ed2;
}

.dark:root{
  --vp-c-brand-1: #4b95df;
  --vp-c-brand-3: #198ed2;
  --vp-c-brand-2: #3c83ba;  
}