style(docs): 更新文档主题样式

- 添加默认颜色变量之间的空行分隔
- 将主页英雄名称背景渐变改为 WebKit 线性渐变
- 恢复原始的紫色到蓝色渐变配色方案
- 简化主页英雄图像背景为紫色到青色渐变
- 移除自定义按钮品牌背景渐变样式
- 移除 VPFeature 悬停阴影效果样式
This commit is contained in:
GeWuYou 2026-02-11 16:24:58 +08:00
parent caf0784326
commit fe0066299b

View File

@ -48,6 +48,7 @@
--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);
@ -91,30 +92,17 @@
: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(
--vp-home-hero-name-background: -webkit-linear-gradient(
120deg,
#22c55e 0%,
#3b82f6 45%,
#8b5cf6 100%
#bd34fe 30%,
#41d1ff
);
/*--vp-home-hero-image-background-image: linear-gradient(*/
/* -45deg,*/
/* #bd34fe 50%,*/
/* #47caff 50%*/
/*);*/
--vp-home-hero-image-background-image: linear-gradient(
-45deg,
rgba(34, 197, 94, 0.6),
rgba(59, 130, 246, 0.6),
rgba(139, 92, 246, 0.6)
#bd34fe 50%,
#47caff 50%
);
--vp-home-hero-image-filter: blur(44px);
}
@ -139,16 +127,5 @@
--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);
}