fix(theme): dim background image toward dark and lift text contrast in image mode
On light themes the pane base is near-white (--chrome-bg), so lowering the background image opacity washed the wallpaper out to white instead of darkening it, and the theme's dark foreground text became unreadable. - terminal.css: in has-bg-image mode the dock gets a fixed dark base (#0d1117), so the opacity slider always dims toward dark regardless of theme - TerminalView: raise xterm minimumContrastRatio from 1 to 4.5 (WCAG AA, same as VS Code's terminal default) while an image is set; xterm treats the transparent background as black luminance, so dark foreground colors are lifted to stay readable over the wallpaper. Also fix the option name (minContrastRatio is silently ignored; the real key is minimumContrastRatio) - i18n: update backgroundImageDesc in zh-CN/zh-TW/en/ja - AGENTS.md: document the two image-mode invariants
This commit is contained in:
1 parent
f5acf26d1f
commit
e16c860c7a
7 files changed
+19
-5
No files matched your search
@@ -51,6 +51,7 @@ Electron + electron-vite + React 终端工具(本地终端 / SSH / SFTP)。
|
||||
|
||||
- 终端主题由 xterm 主题派生 UI 配色:`src/renderer/src/theme/chrome.ts` 的 `applyChromeTheme` 写入 `--chrome-bg/-bg-deep/-border/-hover` CSS 变量,antd token 在 `main.tsx` ThemedConfigProvider 派生
|
||||
- 标签强调色:`settings.tabAccentColor`(默认 `#3fb950`),经 `--tab-accent` CSS 变量生效
|
||||
- 背景图(`settings.terminal.backgroundImage`):图片层 `.term-bg-image` 在 xterm 画布之下(`terminal.css`),xterm 背景设 `#00000000` 透明。**图片模式下的两条铁律**:① `.terminal-view.has-bg-image .terminal-view-dock` 强制深色底衬 `#0d1117`,不能用 `--chrome-bg`——浅色主题下它是白色,调低透明度会把图洗白而不是压暗;② `minimumContrastRatio` 从 1 提到 4.5(WCAG AA,与 VS Code 终端默认值一致;TerminalView 构造与设置热更两处都要改;注意正确拼写是 `minimumContrastRatio`,`minContrastRatio` 会被静默忽略),xterm 的对比度计算把透明背景当黑色亮度,会把浅色主题的深色前景自动提亮到可读。无图时保持 1 不动主题配色
|
||||
|
||||
## 终端尺寸同步
|
||||
|
||||
|
||||
Reference in new issue
Block a user