mirror of
https://github.com/handsomezhuzhu/handsomezhuzhu.github.io.git
synced 2026-02-20 20:00:14 +00:00
26 lines
684 B
CSS
26 lines
684 B
CSS
/* 所有变量：https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css */
|
||
/* 自定义主题色示例，如下 */
|
||
|
||
/* 浅色模式使用的变量 */
|
||
html[theme] {
|
||
--vp-c-user-1:red;
|
||
--vp-c-user-2:blue;
|
||
--vp-c-user-3:green;
|
||
--vp-c-user-soft:rgba(255,0,0,.5);
|
||
}
|
||
|
||
/* 深色模式使用的变量 */
|
||
html[theme].dark {
|
||
--vp-c-user-1:yellow;
|
||
--vp-c-user-2:purple;
|
||
--vp-c-user-3:orange;
|
||
--vp-c-user-soft:rgba(255,255,0,.5);
|
||
}
|
||
|
||
/* 覆盖默认变量 */
|
||
html[theme],html[theme].dark {
|
||
--vp-c-brand-1: var(--vp-c-user-1);
|
||
--vp-c-brand-2: var(--vp-c-user-2);
|
||
--vp-c-brand-3: var(--vp-c-user-3);
|
||
--vp-c-brand-soft: var(--vp-c-user-soft);
|
||
} |