- 替换梦幻光效变量为基于三级颜色的新配色方案 - 调整模糊滤镜强度从48px增加到56px - 修改径向渐变透明度值以优化视觉层次 - 在列表容器中添加隔离层以改善渲染性能 - 更新话题卡片背景渐变使用RGB颜色变量 - 调整阴影效果和透明度以增强深度感 - 优化选中状态边框颜色使用三级颜色变量 - 添加悬停状态变换效果提升交互体验
This commit is contained in:
+17
-10
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user