Skip to content

某些特殊情况下，白色主题会出现黑色背景 #512

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
kekxv wants to merge 2 commits into from
Closed

某些特殊情况下，白色主题会出现黑色背景 #512

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7cbd3c2
fix(globals.css): 优化 xterm 视口背景处理，支持背景图和主题色切换
kekxv Aug 18, 2026
4624f8c
fix(globals.css): 强制覆盖 xterm 内联样式以支持主题背景色
kekxv Aug 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 19 additions & 9 deletions src/app/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1206,15 +1206,25 @@
background-color: transparent;
}

/* 终端画布：让 xterm 视口透出所属 ws-surface 面板的磨砂表面（而非黑块）。xterm 6 的视口
分两层——外层 .xterm-viewport（xterm.css 硬编码 background-color:#000，且不随主题变化）
套着内层 SmoothScrollableElement 节点（终端主题背景色应用在这层）。terminal-view.tsx 已把
内层主题背景改成 alpha 0（透明），但外层那层黑底会透出来，终端仍是黑块。这里把外层也改
透明——两层皆透，终端画布才透出下方磨砂面板。选择器 .xterm .xterm-viewport 特异性(0,3,0)
高于 xterm.css 同名规则(0,2,0)，无需 !important；纯透明不依赖 color-mix，关图无此规则，
零回归。 */
[data-workspace-bg="on"] .xterm .xterm-viewport {
background-color: transparent;
/* 终端画布：xterm 6 在运行时会给内层 .xterm-scrollable-element 设置内联样式
style="background-color: rgb(0, 0, 0)"（黑色），这会覆盖 CSS 规则。需要用 !important
来强制覆盖这个内联样式，使终端背景色跟随主题。

两种情形的处理方式：
1. 不启用背景图时：用主题背景色覆盖 .xterm-scrollable-element 的内联黑色，使终端在
亮色主题下显示白色背景，暗色主题下显示深灰背景。需要 !important 压过内联样式。
2. 启用背景图时：改为透明背景，两层皆透，让终端画布透出下方磨砂面板。

零回归：关图或未设背景属性时无此规则或不匹配。 */

/* 不启用背景图：用主题背景色覆盖 xterm-scrollable-element 的运行时内联黑色 */
:not([data-workspace-bg="on"]) .xterm .xterm-scrollable-element {
background-color: var(--background) !important;
}

/* 启用背景图：改为透明让画布透出磨砂面板 */
[data-workspace-bg="on"] .xterm .xterm-scrollable-element {
background-color: transparent !important;
}

/* Monaco sticky scroll（钉住的父级作用域行）：开背景图时编辑器画布透明（WSBG_CANVAS_ALPHA=0），
Expand Down
Loading