revert(cards): 撤掉卡片外观配置与分组页卡片外壳,改用文字对比度
- 回退 card.opacity / card.blur 设置与后台「卡片外观」面板 - 分组页内容恢复为直接压在背景图上,不再套卡片 - 分组页文字:次级文字提一档 + 同主题描边(深色暗描边、浅色亮描边) - 保留上一轮:背景缓存、搜索记忆、明暗图标、卡片描边/阴影、侧栏实底
This commit is contained in:
+10
-20
@@ -14,26 +14,6 @@
|
||||
--su-card-border: var(--su-border-strong);
|
||||
}
|
||||
|
||||
/* 卡片外观(后台「卡片外观」可调):底色透明度 + 毛玻璃,前台所有卡片共用一套。
|
||||
变量由 AppNext 按站点设置写到 <html> 上;没设置时就是实底、无毛玻璃。 */
|
||||
.app .section-card,
|
||||
.app .profile-card,
|
||||
.app .service-panel,
|
||||
.app .nav-card,
|
||||
.app .group-own-block,
|
||||
.app .group-child-block,
|
||||
.app .detail-nav,
|
||||
.app .item-card,
|
||||
.app .article-body-card,
|
||||
.app .related-card {
|
||||
background-color: color-mix(
|
||||
in srgb,
|
||||
var(--su-bg-card) var(--stash-card-alpha, 100%),
|
||||
transparent
|
||||
);
|
||||
backdrop-filter: var(--stash-card-blur, none);
|
||||
}
|
||||
|
||||
/* 卡片阴影默认会被滚动容器在左右边缘一刀切掉(卡片正好贴着容器边)。
|
||||
负边距把容器撑宽 16px、再补同样的内边距,内容位置不变,阴影有地方画。 */
|
||||
#page-scroll {
|
||||
@@ -396,6 +376,16 @@
|
||||
margin-top: var(--su-space-2);
|
||||
}
|
||||
|
||||
/* 分组页的内容直接压在背景图上(没有卡片底):靠文字自己的对比来保证可读,
|
||||
次级文字提一档,再加一层同主题的描边,落在图片亮部也不会糊成一片。 */
|
||||
.detail-view .group-own-block,
|
||||
.detail-view .group-child-block,
|
||||
.detail-hero {
|
||||
--su-text-sub: var(--su-text-secondary);
|
||||
--su-text-muted: var(--su-text-sub);
|
||||
text-shadow: 0 1px 3px color-mix(in srgb, var(--su-bg-page) 70%, transparent);
|
||||
}
|
||||
|
||||
/* 明细页的分组标题:与首页卡片标题同一套「色条 + 标题」 */
|
||||
.group-title {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user