From 67df7337b95f999b138ea5277056f0e01de59af9 Mon Sep 17 00:00:00 2001 From: GeWuYou <95328647+GeWuYou@users.noreply.github.com> Date: Wed, 11 Feb 2026 10:32:58 +0800 Subject: [PATCH] =?UTF-8?q?style(docs):=20=E6=9B=B4=E6=96=B0=E6=96=87?= =?UTF-8?q?=E6=A1=A3=E4=B8=BB=E9=A2=98=E6=A0=B7=E5=BC=8F=E4=BB=A5=E5=8C=B9?= =?UTF-8?q?=E9=85=8DGFramework=E5=93=81=E7=89=8C=E8=89=B2=E5=BD=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 替换默认靛蓝色系为GFramework品牌蓝色彩 - 修改首页英雄标题渐变背景为绿色到蓝色到紫色渐变 - 更新首页英雄图像背景为多色透明渐变 - 添加品牌按钮背景渐变样式 - 为功能组件添加悬停阴影效果 --- docs/.vitepress/theme/style.css | 52 +++++++++++++++++++++++++-------- 1 file changed, 40 insertions(+), 12 deletions(-) diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css index 32d3997..1e9cef0 100644 --- a/docs/.vitepress/theme/style.css +++ b/docs/.vitepress/theme/style.css @@ -48,11 +48,15 @@ --vp-c-default-2: var(--vp-c-gray-2); --vp-c-default-3: var(--vp-c-gray-3); --vp-c-default-soft: var(--vp-c-gray-soft); - - --vp-c-brand-1: var(--vp-c-indigo-1); - --vp-c-brand-2: var(--vp-c-indigo-2); - --vp-c-brand-3: var(--vp-c-indigo-3); - --vp-c-brand-soft: var(--vp-c-indigo-soft); + /* GFramework Brand Colors */ + --vp-c-brand-1: #1e40af; /* 深蓝:文字 / active */ + --vp-c-brand-2: #2563eb; /* 蓝:hover */ + --vp-c-brand-3: #3b82f6; /* 主蓝:按钮 / 主色 */ + --vp-c-brand-soft: rgba(59, 130, 246, 0.14); + /*--vp-c-brand-1: var(--vp-c-indigo-1);*/ + /*--vp-c-brand-2: var(--vp-c-indigo-2);*/ + /*--vp-c-brand-3: var(--vp-c-indigo-3);*/ + /*--vp-c-brand-soft: var(--vp-c-indigo-soft);*/ --vp-c-tip-1: var(--vp-c-brand-1); --vp-c-tip-2: var(--vp-c-brand-2); @@ -92,17 +96,30 @@ :root { --vp-home-hero-name-color: transparent; - --vp-home-hero-name-background: -webkit-linear-gradient( - 120deg, - #bd34fe 30%, - #41d1ff + /*--vp-home-hero-name-background: -webkit-linear-gradient(*/ + /* 120deg,*/ + /* #bd34fe 30%,*/ + /* #41d1ff*/ + /*);*/ + --vp-home-hero-name-background: linear-gradient( + 120deg, + #22c55e 0%, + #3b82f6 45%, + #8b5cf6 100% ); + /*--vp-home-hero-image-background-image: linear-gradient(*/ + /* -45deg,*/ + /* #bd34fe 50%,*/ + /* #47caff 50%*/ + /*);*/ --vp-home-hero-image-background-image: linear-gradient( - -45deg, - #bd34fe 50%, - #47caff 50% + -45deg, + rgba(34, 197, 94, 0.6), + rgba(59, 130, 246, 0.6), + rgba(139, 92, 246, 0.6) ); + --vp-home-hero-image-filter: blur(44px); } @@ -127,5 +144,16 @@ --vp-custom-block-tip-text: var(--vp-c-text-1); --vp-custom-block-tip-bg: var(--vp-c-brand-soft); --vp-custom-block-tip-code-bg: var(--vp-c-brand-soft); + + + --vp-button-brand-bg: linear-gradient( + 135deg, + #3b82f6, + #2563eb + ); +} +.VPFeature:hover { + box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.25), + 0 8px 32px rgba(59, 130, 246, 0.25); }