fixes on the UI changes
Some checks failed
CI / check (push) Has been cancelled

This commit is contained in:
2026-09-03 15:33:15 +02:00
parent 47581d5718
commit e5f739ec24
16 changed files with 898 additions and 543 deletions

View File

@@ -61,27 +61,30 @@ export const DEFAULTS: HelderConfig = {
shell: null,
fontFamily: null,
fontSize: null,
lineHeight: 1.35,
lineHeight: 1.7,
letterSpacing: 0,
cursorStyle: 'bar',
cursorBlink: true,
boldIsBright: false,
scrollback: 8000,
optionIsMeta: false,
// The app's own palette: charcoal ground, the accent on the caret and the
// selection, and the syntax colours reused for the ANSI table so a diff in
// the terminal reads like a diff in the editor.
// The app's own palette: the editor ground, amber on the caret and the
// selection, and the six muted syntax colours on the ANSI table, so a diff
// in the terminal reads like a diff in the editor. Red is amber-deep and
// green is teal — the same pair the diff views use. A terminal still needs
// eight distinguishable slots, so blue and cyan take two cool tones that
// stay inside the muted register.
theme: {
background: '#24272c',
foreground: '#dde1e7',
cursor: '#f19f3f',
cursorAccent: '#24272c',
selectionBackground: 'rgba(241,159,63,0.32)',
selectionInactiveBackground: 'rgba(241,159,63,0.18)',
black: '#2b2e34', red: '#e0696a', green: '#5cbd6b', yellow: '#d8a85c',
blue: '#6aa6f0', magenta: '#c98bdb', cyan: '#6ec0c0', white: '#b0b6bf',
brightBlack: '#7a828d', brightRed: '#ef8385', brightGreen: '#77d186', brightYellow: '#edc077',
brightBlue: '#86bbf5', brightMagenta: '#dba6e9', brightCyan: '#8ad6d6', brightWhite: '#fbfcfd',
background: '#101720',
foreground: '#E4E7E6',
cursor: '#E8913A',
cursorAccent: '#101720',
selectionBackground: 'rgba(232,145,58,0.22)',
selectionInactiveBackground: 'rgba(232,145,58,0.12)',
black: '#232C39', red: '#C4741F', green: '#8FBFB4', yellow: '#F0B476',
blue: '#8FA9C4', magenta: '#C3A6CE', cyan: '#8FC4C4', white: '#BAC0C0',
brightBlack: '#6C7783', brightRed: '#E8913A', brightGreen: '#A6D2C7', brightYellow: '#F5C79A',
brightBlue: '#A9BFD6', brightMagenta: '#D6BFDF', brightCyan: '#A9D6D6', brightWhite: '#F4F5F4',
},
},
session: { restoreOnLaunch: true },
@@ -94,16 +97,16 @@ const THEME_TEMPLATE = `/* Helder theme — custom CSS applied OVER the built-in
* theme (see the design tokens in the app's styles). */
:root {
/* Code surfaces (editor + terminals) */
/* --code-font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; */
/* --code-size: 13px; */ /* editor font size */
/* --term-size: 12.5px; */ /* terminal font size, unless config.json sets one */
/* --code-font: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; */
/* --code-size: 13px; */ /* editor font size */
/* --term-size: 12px; */ /* terminal font size, unless config.json sets one */
/* The terminal's colours, cursor and scrollback live in config.json, under
"terminal" — the palette is JS options, not CSS, because xterm paints to a
canvas. Edit either file and the running terminals restyle themselves. */
/* Example accent override: */
/* --accent: #4d8dff; */
/* --accent: #E8913A; */
}
`