revert(cards): 撤掉卡片外观配置与分组页卡片外壳,改用文字对比度

- 回退 card.opacity / card.blur 设置与后台「卡片外观」面板
- 分组页内容恢复为直接压在背景图上,不再套卡片
- 分组页文字:次级文字提一档 + 同主题描边(深色暗描边、浅色亮描边)
- 保留上一轮:背景缓存、搜索记忆、明暗图标、卡片描边/阴影、侧栏实底
This commit is contained in:
2026-11-05 14:18:18 +08:00
parent 4ce1b7e7c1
commit 93f80af893
7 changed files with 14 additions and 135 deletions
+3 -13
View File
@@ -333,7 +333,6 @@ export default function AppNext() {
show_nav: true,
},
background: cachedBackground ?? { light: '', dark: '' },
card: { opacity: 100, blur: false },
search: {
default: 'internal',
engines: DEFAULT_SEARCH_ENGINES.map((engine) => ({ ...engine })),
@@ -409,13 +408,6 @@ export default function AppNext() {
}
}, [scheme])
// 卡片外观:透明度和毛玻璃写在 <html> 的 CSS 变量上,前台所有卡片共用一套
useEffect(() => {
const root = document.documentElement.style
root.setProperty('--stash-card-alpha', `${site.card.opacity}%`)
root.setProperty('--stash-card-blur', site.card.blur ? 'blur(14px) saturate(1.15)' : 'none')
}, [site.card.opacity, site.card.blur])
/** 页头的明暗切换:只写本机偏好,不需要登录;站点默认值在后台改 */
const toggleTheme = () => {
const next: ThemeChoice = isDark ? 'light' : 'dark'
@@ -668,9 +660,7 @@ export default function AppNext() {
</div>
{group.entries.length > 0 ? (
<Card padding="md" className="group-own-block">
{renderEntries(group, group.entries)}
</Card>
<div className="group-own-block">{renderEntries(group, group.entries)}</div>
) : group.children.some((child) => groupEntryCount(child) > 0) ? null : (
<Empty text="这个分组还没有内容" />
)}
@@ -679,7 +669,7 @@ export default function AppNext() {
{group.children
.filter((child) => child.enabled !== false)
.map((child) => (
<Card key={child.key} padding="md" className="group-child-block">
<section key={child.key} className="group-child-block">
<div className="group-title">
<span
className="group-bar"
@@ -702,7 +692,7 @@ export default function AppNext() {
) : (
<Empty text="暂无内容" />
)}
</Card>
</section>
))}
</Space>
</div>