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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long