style(theme): 更新主题样式和视觉效果
Discourse Theme / ci (push) Failing after 1s

- 替换梦幻光效变量为基于三级颜色的新配色方案
- 调整模糊滤镜强度从48px增加到56px
- 修改径向渐变透明度值以优化视觉层次
- 在列表容器中添加隔离层以改善渲染性能
- 更新话题卡片背景渐变使用RGB颜色变量
- 调整阴影效果和透明度以增强深度感
- 优化选中状态边框颜色使用三级颜色变量
- 添加悬停状态变换效果提升交互体验
This commit is contained in:
2026-02-20 21:54:43 +08:00
parent 10639d6ddf
commit baf01610e4
3 changed files with 43 additions and 24 deletions
+17 -10
View File
@@ -82,8 +82,8 @@
background:
linear-gradient(
135deg,
oklch(from var(--d-content-background) calc(l * 0.995) c h) 0%,
oklch(from var(--d-content-background) calc(l * 1.02) calc(c * 0.65) h) 100%
rgb(var(--secondary-rgb) / 0.96) 0%,
rgb(var(--tertiary-rgb) / 0.08) 100%
);
box-shadow:
0 10px 30px -18px rgb(10 18 35 / 38%),
@@ -114,12 +114,12 @@
background:
radial-gradient(
120% 100% at 0% 0%,
oklch(from var(--accent-color) calc(l * 1.15) calc(c * 0.5) h / 0.42),
rgb(var(--tertiary-rgb) / 0.38),
transparent 56%
),
radial-gradient(
120% 90% at 100% 100%,
oklch(from var(--accent-color) calc(l * 1.08) calc(c * 0.42) calc(h + 18deg) / 0.28),
rgb(var(--tertiary-rgb) / 0.22),
transparent 58%
);
-webkit-mask:
@@ -137,7 +137,7 @@
background: linear-gradient(
112deg,
transparent 30%,
oklch(from var(--accent-color) calc(l * 1.16) calc(c * 0.28) h / 0.1) 48%,
rgb(var(--tertiary-rgb) / 0.16) 48%,
transparent 66%
);
pointer-events: none;
@@ -204,17 +204,24 @@
&:hover {
.discourse-no-touch & {
background: var(--active_color);
box-shadow: 4px 5px 3px 1px rgba(0, 0, 0, .2), 0 8px 20px -10px var(--topic-card-shadow);
border-left: 5px solid #0007;
background:
linear-gradient(
135deg,
rgb(var(--secondary-rgb) / 0.99) 0%,
rgb(var(--tertiary-rgb) / 0.14) 100%
);
box-shadow:
0 16px 34px -18px rgb(10 18 35 / 45%),
0 8px 20px -10px var(--topic-card-shadow);
transform: translateY(-2px);
}
}
&.selected {
box-shadow:
0 14px 32px -14px rgb(10 18 35 / 48%),
0 0 0 2px oklch(from var(--accent-color) l calc(c * 0.45) h / 0.28),
0 0 0 8px oklch(from var(--accent-color) l calc(c * 0.2) h / 0.14);
0 0 0 2px rgb(var(--tertiary-rgb) / 0.28),
0 0 0 8px rgb(var(--tertiary-rgb) / 0.14);
}
&.excerpt-expanded {