深色模式
小于 1 分钟
深色模式
在深色模式下,页面会使用深色背景与浅色文字,以让你更加舒适。
尝试
切换下面的按钮以查看效果。
<Badge text="演示" />
<MyCpts />
选项
你可以在主题选项中通过 darkmode
来配置深色模式。
import { hopeTheme } from "vuepress-theme-hope";
export default {
theme: hopeTheme({
darkmode: "switch",
}),
};
import { hopeTheme } from "vuepress-theme-hope";
export default hopeTheme({
darkmode: "switch",
})
可选的值:
"switch"
: 在深色模式,浅色模式和自动之间切换 (默认)"toggle"
: 在深色模式和浅色模式之间切换"auto"
: 自动根据用户设备主题或当前时间决定是否应用深色模式"enable"
: 强制深色模式"disable"
: 禁用深色模式