jianf/HomeDash
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(theme): workspace/minimal 深色补齐（侧栏白色药丸、内嵌应用白框）

Browse Source 
实测（computed style）：
- nav.side-bar 已是深色，但 .side-bar-item 仍为 rgba(255,255,255,.7) 白色药丸
- .work-space .web-content 为 rgb(255,255,255) 纯白，深色下形成刺眼白框
- .navi-ws-bar-btn / 工具条 / 提示框一并补齐深色

minimal 的纵向滚动在 1280x720 下复现不出来（scrollable=false），
需要用更矮视口复现后再修，避免凭猜测改动布局。
This commit is contained in:
HomeDash Bot
2026-09-12 07:53:08 +08:00
parent 064f986a7f
commit c8f6ac68fe
1 changed files with 44 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
web/navi.css
View File

@ -1738,3 +1738,47 @@ html.navi-dark body.navi-dark .navi-footer .navi-footer-sep {
color: #9fb0c8 !important;
}
html.navi-dark body.navi-dark .navi-footer a:hover { color: #7dd3fc !important; }
/* ── workspace / minimal 深色补齐（实测数据驱动）──
实测：nav.side-bar 已是深色，但 .side-bar-item 仍是 rgba(255,255,255,.7)
的白色药丸；.work-space .web-content 是纯白 —— 深色下最刺眼的两处。 */
html.navi-dark body nav.side-bar .side-bar-item,
html.navi-dark body nav.side-bar .side-bar-item .item-icon,
html.navi-dark body nav.side-bar a,
html.navi-dark body .switch-view-buttons button {
background-color: rgba(30, 41, 59, .0) !important;
color: #cbd5e1 !important;
border-color: rgba(148, 163, 184, .22) !important;
}
html.navi-dark body nav.side-bar .side-bar-item:hover,
html.navi-dark body nav.side-bar .side-bar-item:focus,
html.navi-dark body nav.side-bar .side-bar-item.active {
background-color: rgba(51, 65, 85, .72) !important;
color: #e8eefc !important;
}
html.navi-dark body nav.side-bar .side-bar-item svg,
html.navi-dark body nav.side-bar .side-bar-item i,
html.navi-dark body nav.side-bar .side-bar-item .item-icon i {
color: #cbd5e1 !important;
fill: currentColor !important;
}
/* 内嵌应用的外框与占位：白底会在深色下形成刺眼的白框 */
html.navi-dark body .work-space .web-content,
html.navi-dark body .work-space .web-content iframe {
background-color: #0f172a !important;
}
html.navi-dark body .work-space .navi-ws-notice,
html.navi-dark body .navi-ws-toolbar {
background-color: rgba(20, 31, 49, .91) !important;
color: #dce6f5 !important;
}
html.navi-dark body .navi-ws-bar-btn {
background-color: rgba(30, 41, 59, .85) !important;
color: #cbd5e1 !important;
border-color: rgba(148, 163, 184, .24) !important;
}
html.navi-dark body .navi-ws-bar-host,
html.navi-dark body .navi-ws-modal-title,
html.navi-dark body .navi-ws-notice-title {
color: #e8eefc !important;
}