fix(theme): 备案号深色药丸 + 确认不再用 background 简写
浏览器规则枚举确认元凶:navi.css 的 html.navi-dark body 用 background 简写 (特异性 0,2,1 > 壁纸规则 0,1,1),简写把 background-image 重置为 initial, 于是壁纸消失。本地已改为仅 background-color + body::before 深色遮罩。 同时按实测补上备案号药丸的深色样式(此前实测仍是 rgba(255,255,255,.55)), 并把内部元素强制透明,避免深底上贴一块白。 实测数据:备案号位于文档最底部(y=1079..1125 / 文档高 1125),与悬浮件无重叠。
This commit is contained in:
18
web/navi.css
18
web/navi.css
@ -1636,3 +1636,21 @@ html.navi-dark body .navi-ws-modal-title,
|
||||
html.navi-dark body nav.side-bar .side-bar-item {
|
||||
color: #dce6f5 !important;
|
||||
}
|
||||
|
||||
/* 备案号药丸:深色实测发现它仍是 rgba(255,255,255,.55) 的亮色块。
|
||||
这里用更高特异度 + 末尾顺序确保覆盖,并把内部元素强制透明,
|
||||
避免出现"深色底上贴一块白"的观感。 */
|
||||
html.navi-dark body.navi-dark .navi-footer,
|
||||
html.navi-dark body.navi-dark .navi-footer-host .navi-footer {
|
||||
background-color: rgba(20, 31, 49, .92) !important;
|
||||
border-color: rgba(148, 163, 184, .26) !important;
|
||||
color: #9fb0c8 !important;
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
|
||||
}
|
||||
html.navi-dark body.navi-dark .navi-footer *,
|
||||
html.navi-dark body.navi-dark .navi-footer a,
|
||||
html.navi-dark body.navi-dark .navi-footer .navi-footer-sep {
|
||||
background-color: transparent !important;
|
||||
color: #9fb0c8 !important;
|
||||
}
|
||||
html.navi-dark body.navi-dark .navi-footer a:hover { color: #7dd3fc !important; }
|
||||
|
||||
Reference in New Issue
Block a user