fix(ui): align xterm terminal background with --color-paper-code-block

xterm.js terminal background was Catppuccin Base (#eff1f5 / #1e1e2e),
but the project's code-block background CSS variable uses Catppuccin
Surface0 (#dce0e8 light / #313244 dark). The mismatch left the output
area visibly lighter (light mode) / darker (dark mode) than the
surrounding container.
This commit is contained in:
xfy 2026-07-13 09:43:01 +08:00
parent 6f4385221a
commit e347776dcd
3 changed files with 8 additions and 4 deletions

View File

@ -2,9 +2,11 @@
export type ThemeName = 'light' | 'dark'; export type ThemeName = 'light' | 'dark';
// Catppuccin Latte浅色终端配色与 highlight.css 浅色主题视觉一致。 // Catppuccin Latte浅色终端配色与 highlight.css 浅色主题视觉一致。
// background 用项目 --color-paper-code-block 的色值Catppuccin Latte Surface0
// 保证终端背景与外层容器无缝衔接。
// 色值取自 https://catppuccin.com/palette/ Latte 调色板。 // 色值取自 https://catppuccin.com/palette/ Latte 调色板。
export const LIGHT_THEME = { export const LIGHT_THEME = {
background: '#eff1f5', background: '#dce0e8',
foreground: '#4c4f69', foreground: '#4c4f69',
cursor: '#dc8a78', cursor: '#dc8a78',
cursorAccent: '#eff1f5', cursorAccent: '#eff1f5',
@ -28,9 +30,11 @@ export const LIGHT_THEME = {
}; };
// Catppuccin Mocha深色终端配色与 highlight.css 深色主题视觉一致。 // Catppuccin Mocha深色终端配色与 highlight.css 深色主题视觉一致。
// background 用项目 --color-paper-code-block 的色值Catppuccin Mocha Surface0
// 保证终端背景与外层容器无缝衔接。
// 色值取自 https://catppuccin.com/palette/ Mocha 调色板。 // 色值取自 https://catppuccin.com/palette/ Mocha 调色板。
export const DARK_THEME = { export const DARK_THEME = {
background: '#1e1e2e', background: '#313244',
foreground: '#cdd6f4', foreground: '#cdd6f4',
cursor: '#f5e0dc', cursor: '#f5e0dc',
cursorAccent: '#1e1e2e', cursorAccent: '#1e1e2e',

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long