feat(style): update theme color styles

rockbenben · Dec 8, 2024 · b003006 · b003006
1 parent 7d9d5b2
commit b003006
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 15 deletions.
diff --git a/docs/.vuepress/styles/config.scss b/docs/.vuepress/styles/config.scss
@@ -3,7 +3,7 @@
 // you can change config here
 
 //$theme-color: #3eaf7c !default;
-//$theme-colors: #2196f3, #f26d6d, #fb9b5f;
+$theme-colors: #2196f3, #f26d6d, #fb9b5f;
 
 // https://theme-hope.vuejs.press/zh/guide/interface/code-theme.html
 //$code-light-theme: 'one-light';

diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
@@ -3,12 +3,13 @@
 @import "vidstack/player/styles/default/layouts/audio.css";
 @import "vidstack/player/styles/default/layouts/video.css";
 
+/* 
 .toc-place-holder {
   // 从原本距离导航栏 2rem 改为 5rem
   top: calc(var(--navbar-height) + 5rem);
 }
 
-/* #toc {
+#toc {
   // 增加 toc 与内容区的距离
   left: calc(100% + 2rem);
 

diff --git a/docs/.vuepress/styles/palette.scss b/docs/.vuepress/styles/palette.scss
@@ -4,33 +4,33 @@ https://moonvy.com/blog/post/2022/diffusion-accelerates-diffusion/#%E7%BB%98%E7%
 代码来源：https://theme-hope.vuejs.press/zh/config/style.html
 */
 
-$vp-c-text: (
-  light: rgb(60 60 67),
-  dark: rgb(235 235 245 / 70%),
-);
-
-$vp-navbar: (
-  light: #fff,
-  dark: #252232,
-);
+// 将主题颜色设置为红色
+// 注：为保持一致，你还应该设置其他主题颜色变量
+// $vp-c-accent: #6ac195;
 
-// content
+// background
 $vp-c-bg: (
   light: #fff,
   dark: #252232,
 );
 
 $vp-c-bg-alt: (
   light: #f6f6f7,
-  dark: #2c293d,
+  dark: #1f1e2a,
 );
 
 $vp-c-bg-elv: (
   light: #fff,
-  dark: #252232,
+  dark: #2a2740,
+);
+
+// text
+$vp-c-text: (
+  light: rgb(60 60 67),
+  dark: rgb(235 235 245 / 70%),
 );
 
-// 边框
+// border
 $vp-c-border: (
   light: #c2c2c4,
   dark: #302d28,