vuepress-theme-hope
Version:
A light vuepress theme with tons of features
42 lines (38 loc) • 1.16 kB
HTML
<html lang="{{ lang }}" data-theme="{{ themeMode }}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="generator" content="VuePress {{ version }}" />
<meta name="theme" content="VuePress Theme Hope {{ themeVersion }}" />
<style>
:root {
--vp-c-bg: #fff;
}
[data-theme="dark"] {
--vp-c-bg: #1b1b1f;
}
html,
body {
background: var(--vp-c-bg);
}
</style>
<script>
const userMode = localStorage.getItem("vuepress-theme-hope-scheme");
const systemDarkMode =
window.matchMedia &&
window.matchMedia("(prefers-color-scheme: dark)").matches;
if (userMode === "dark" || (userMode !== "light" && systemDarkMode)) {
document.documentElement.setAttribute("data-theme", "dark");
}
</script>
<!--vuepress-ssr-head-->
<!--vuepress-ssr-styles-->
<!--vuepress-ssr-preload-->
<!--vuepress-ssr-prefetch-->
</head>
<body>
<div id="app"><!--vuepress-ssr-content--></div>
<!--vuepress-ssr-scripts-->
</body>
</html>