feat: 更新样式变量以增强视觉效果和按钮交互

8aka-Team · Jan 30, 2025 · ee5188b · ee5188b
1 parent d708455
commit ee5188b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 14 deletions.
diff --git a/.vitepress/theme/style.css b/.vitepress/theme/style.css
@@ -94,9 +94,20 @@
 
 :root {
   --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
+  --vp-home-hero-name-background: linear-gradient(0deg,rgba(183, 183, 183, 0.6) 30%, rgba(255, 255, 245, 0.86));
+  --vp-home-hero-image-background-image: linear-gradient(-45deg, #b7b7b7 50%, #b7b7b7 50%);
+
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: linear-gradient(0deg,rgba(183, 183, 183, 0.6) 30%, rgba(255, 255, 245, 0.86));
+  --vp-home-hero-image-background-image: linear-gradient(-45deg, #b7b7b7 50%, #b7b7b7 50%);
+
+  --vp-button-brand-bg: rgba(255, 255, 245, 0.86);
+  --vp-button-brand-text: #312104;
+  --vp-button-brand-hover-bg: rgba(255, 255, 245, 0.75);
+  --vp-button-brand-hover-text: #312104;
+  --vp-button-brand-active-bg: rgba(255, 255, 245, 0.65);
+  --vp-button-brand-active-text: #312104;
 
-  --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
   --vp-home-hero-image-filter: blur(44px);
 }
 

diff --git a/docs/index.md b/docs/index.md
@@ -34,18 +34,6 @@ onMounted(() => {
 
 <style lang="scss">
 .container {
-  --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: linear-gradient(0deg,rgba(183, 183, 183, 0.6) 30%, rgba(255, 255, 245, 0.86));
-  --vp-home-hero-image-background-image: linear-gradient(-45deg, #b7b7b7 50%, #b7b7b7 50%);
-
-  --vp-button-brand-bg: rgba(255, 255, 245, 0.86);
-  --vp-button-brand-text: #312104;
-  --vp-button-brand-hover-bg: rgba(255, 255, 245, 0.75);
-  --vp-button-brand-hover-text: #312104;
-  --vp-button-brand-active-bg: rgba(255, 255, 245, 0.65);
-  --vp-button-brand-active-text: #312104;
-
-  --vp-home-hero-image-filter: blur(44px);
 }
 
 .VPHome {