更新任务

docs/.vitepress/theme/style.css

@@ -0,0 +1,190 @@
+/** 代码字体 */
+@font-face {
+	font-family: "FiraCode";
+	src: url("/assets/fonts/FiraCode-VF.woff2");
+}
+
+/** 正文字体 */
+@font-face {
+	font-family: "SourceHanSerifCN";
+	src: local("SourceHanSerifCN"), url("/assets/fonts/SourceHanSerifCN-VF.woff2");
+}
+
+/** logo 字体 */
+@font-face {
+	font-family: "Niconne";
+	src: local("Niconne"), url("/assets/fonts/Niconne-Regular.ttf");
+}
+
+/* 参考 https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css */
+
+/**
+ * Colors Base
+ *
+ * These are the pure base color presets. Most of the time, you should not be
+ * using these colors directly in the theme but rather use "Colors Theme"
+ * instead because those are "Theme (light or dark)" dependant.
+ * -------------------------------------------------------------------------- */
+
+:root {
+	--vp-c-blue-1: #2949a4;
+	--vp-c-blue-2: #0749ff;
+	--vp-c-blue-3: #7494ec;
+	--vp-c-blue-soft: rgba(110, 156, 190, 0.14);
+	
+	--vp-c-yellow-1: #aa9100;
+	--vp-c-yellow-2: #d5b811;
+	--vp-c-yellow-3: #ecce23;
+	--vp-c-yellow-soft: rgba(186, 186, 186, 0.14);
+}
+
+/**
+ * Colors Theme
+ * -------------------------------------------------------------------------- */
+
+:root {
+	--vp-c-brand-1: var(--vp-c-blue-1);
+	--vp-c-brand-2: var(--vp-c-blue-2);
+	--vp-c-brand-3: var(--vp-c-blue-3);
+	--vp-c-brand-soft: var(--vp-c-blue-soft);
+}
+
+.dark {
+	--vp-c-brand-1: var(--vp-c-yellow-1);
+	--vp-c-brand-2: var(--vp-c-yellow-2);
+	--vp-c-brand-3: var(--vp-c-yellow-3);
+	--vp-c-brand-soft: var(--vp-c-yellow-soft);
+}
+
+/**
+ * Typography
+ * -------------------------------------------------------------------------- */
+
+:root {
+	--vp-font-family-base: "SourceHanSerifCN";
+	--vp-font-family-mono: "FiraCode";
+}
+
+:root {
+	--td-border-level-2-color: var(--vp-c-brand-soft) !important;
+	--td-brand-color: var(--vp-c-brand-1) !important;
+	--td-brand-color-light: var(--vp-c-brand-soft) !important;
+	--td-brand-color-hover: var(--vp-c-brand-1) !important;
+	--td-brand-color-active: var(--vp-c-brand-2) !important;
+	/* 字体 family token */
+	--td-font-family: SourceHanSerifCN, PingFang SC, Microsoft YaHei,
+	Arial Regular;
+	--td-font-family-medium: SourceHanSerifCN, PingFang SC, Microsoft YaHei,
+	Arial Medium;
+}
+
+/**
+ * 特殊配置
+ * -------------------------------------------------------------------------- */
+
+
+/* logo 字体设置 */
+.VPNavBarTitle .title {
+	font-family: "Niconne", "SourceHanSerifCN";
+	font-size: 24px !important;
+}
+
+/* 侧边栏标题隐藏单行文本溢出 */
+.VPSidebar .items p {
+	display: inline-block;
+	width: calc(var(--vp-sidebar-width) - 100px);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+/** 总体类 */
+::selection {
+	background: var(--vp-c-brand-1);
+	color: var(--vp-c-bg);
+}
+
+::-moz-selection {
+	background: var(--vp-c-brand-1);
+	color: var(--vp-c-bg);
+}
+
+::-webkit-selection {
+	background: var(--vp-c-brand-1);
+	color: var(--vp-c-bg);
+}
+
+/** 链接样式 */
+.VPDoc a {
+	text-decoration: none !important;
+}
+
+.VPDoc a:hover {
+	text-decoration: underline !important;
+}
+
+.VPDoc img {
+	border-radius: 4px;
+	cursor: zoom-in;
+}
+
+/* jupyter 输出代码不换行显示 */
+main > div > div > pre > code {
+	white-space: normal;
+}
+
+#app {
+	/* 取消移动端点击 div 默认高亮效果 */
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/** 磨砂玻璃效果设置 */
+.VPNavBar {
+	background-color: transparent !important;
+}
+
+.VPNav .content .content-body {
+	backdrop-filter: blur(36px);
+	background-color: linear-gradient(
+			to bottom,
+			rgba(var(--vp-nav-bg-color), 0.98),
+			rgba(var(--vp-nav-bg-color), 0.6)
+	) !important;
+}
+
+.VPLocalNav,
+.VPLocalNav .container {
+	backdrop-filter: blur(36px);
+	background-color: linear-gradient(
+			to bottom,
+			rgba(var(--vp-nav-bg-color), 0.6),
+			rgba(var(--vp-nav-bg-color), 0.4)
+	) !important;
+}
+
+.VPLocalNav,
+.has-aside .container {
+	backdrop-filter: none;
+	background-color: none !important;
+}
+
+/** i18n 选项不显示下拉图标 */
+.vpi-chevron-down,
+.text-icon {
+	display: none;
+}
+
+/** 主题切换按钮样式 */
+.VPSwitchAppearance {
+	width: 22px !important;
+}
+
+.VPSwitchAppearance .check {
+	transform: none !important;
+}
+
+/** 滚动条 */
+* {
+	/* scrollbar-color: rgba(0, 0, 0, 0.12) transparent; */
+	scrollbar-width: thin;
+}