@@ -499,7 +499,7 @@ export default function HelpPanel({
aria-label="Command help"
onMouseDown={(e) => e.stopPropagation()}
style={{ width: clampHelpWidth(width) }}
- className="relative flex h-[min(82vh,680px)] max-w-full flex-col overflow-hidden rounded-[var(--p-radius)] border border-[color:var(--p-divider)] bg-[var(--p-side-flat)] shadow-[0_24px_70px_rgba(0,0,0,.6)]"
+ className="relative flex h-[min(82vh,680px)] max-w-full flex-col overflow-hidden rounded-[var(--p-radius)] border border-[color:var(--p-divider)] bg-[var(--p-side-flat)]"
>
{grip('left')}
{grip('right')}
diff --git a/core/renderer/lib/termTheme.test.ts b/core/renderer/lib/termTheme.test.ts
index 2a4e7b1..6c6cec2 100644
--- a/core/renderer/lib/termTheme.test.ts
+++ b/core/renderer/lib/termTheme.test.ts
@@ -2,9 +2,12 @@ import { describe, expect, it } from 'vitest'
import { DEFAULT_TERM_THEME, TERM_PRESETS, resolveTermTheme } from './termTheme'
describe('resolveTermTheme', () => {
- it('leads the list with the prism preset, which is the default', () => {
- expect(TERM_PRESETS[0]?.id).toBe('prism')
+ it("keeps the core's own default, prism, in the list (PT Default now leads it)", () => {
+ // The wall's first card is the HOST's default (Prism Terminal's is PT
+ // Default); the core's neutral fallback is still 'prism', found by id.
+ expect(TERM_PRESETS[0]?.id).toBe('pt-default')
expect(DEFAULT_TERM_THEME).toBe('prism')
+ expect(TERM_PRESETS.some((p) => p.id === DEFAULT_TERM_THEME)).toBe(true)
})
it('resolves a preset by id, with a full sixteen', () => {
diff --git a/core/renderer/lib/termTheme.ts b/core/renderer/lib/termTheme.ts
index 93bb1ab..a05562d 100644
--- a/core/renderer/lib/termTheme.ts
+++ b/core/renderer/lib/termTheme.ts
@@ -93,6 +93,21 @@ export interface TermPreset {
* Prism's app styles' names.
*/
export const TERM_PRESETS: TermPreset[] = [
+ // PT DEFAULT is the owner's own palette (2026-09-22, saved as Custom and handed
+ // over: "let this be the default theme ... for prism terminal"): Wombat's
+ // colours on a darker #121212, the two blacks lifted so they read, and the
+ // app icon's orange as the accent. Prism Terminal's default, and FIRST in
+ // the wall (owner: "it should be first in the list and be called PT
+ // default"); a preset like any other everywhere else.
+ {
+ id: 'pt-default',
+ name: 'PT Default',
+ bg: '#121212',
+ fg: '#dedacf',
+ cursor: '#bbbbbb',
+ accent: '#fe8f34',
+ ansi: { black: '#646464', red: '#ff615a', green: '#b1e969', yellow: '#ebd99c', blue: '#5da9f6', magenta: '#e86aff', cyan: '#82fff7', white: '#dedacf', brightBlack: '#6b6b6b', brightRed: '#f58c80', brightGreen: '#ddf88f', brightYellow: '#eee5b2', brightBlue: '#a5c7ff', brightMagenta: '#ddaaff', brightCyan: '#b7fff9', brightWhite: '#ffffff' }
+ },
// Prism's own dark look: what the terminal wore by default inside Prism.
{ id: 'prism', name: 'Prism', bg: '#0b0b0f', fg: '#e7e7ee', cursor: '#7c7cf0', accent: '#5b5bd6' },
{
@@ -418,7 +433,7 @@ export function resolveTermTheme(themeId: string): TermTheme {
...legiblePalette(c.ansi, c.bg)
}
}
- // TERM_PRESETS[0] is 'prism'; the find cannot miss, the fallback is for the type.
+ // DEFAULT_TERM_THEME is in the list; that find cannot miss, the last fallback is for the type.
const p =
TERM_PRESETS.find((x) => x.id === themeId) ??
// An id nothing answers to: the host's own default, where that is a preset.
diff --git a/core/renderer/settings/TerminalAppearance.tsx b/core/renderer/settings/TerminalAppearance.tsx
index 8330535..e2f92ce 100644
--- a/core/renderer/settings/TerminalAppearance.tsx
+++ b/core/renderer/settings/TerminalAppearance.tsx
@@ -1,5 +1,5 @@
-import { useEffect, useMemo, useRef, useState, type JSX } from 'react'
-import { followsHostStyle, termHost } from '../host'
+import { useEffect, useMemo, useRef, useState, type JSX, type ReactNode } from 'react'
+import { followsHostStyle, hostDefaults, termHost } from '../host'
import {
FONT_PCTS,
TERM_FONTS,
@@ -273,7 +273,14 @@ function pickPreset(id: string): void {
if (volume !== termExtraDefaults().indicator) setAgentIndicator(volume)
}
-export function TerminalAppearanceSettings(): JSX.Element {
+/**
+ * `afterFont`: an app's OWN rows, placed right under Font size (owner,
+ * 2026-09-22: "move those settings, bg and accent, to the top of the list
+ * right under font and font size"). The rows stay the app's - Prism passes
+ * nothing, since its window colours belong to its app style - and the core
+ * only lends them the place.
+ */
+export function TerminalAppearanceSettings({ afterFont }: { afterFont?: ReactNode } = {}): JSX.Element {
const themeId = useTermThemeId()
const fontPct = useTermFontPct()
const fontId = useTermFontId()
@@ -317,10 +324,39 @@ export function TerminalAppearanceSettings(): JSX.Element {
const [lightFirst] = useState(
() => luminance(normalizeColor(resolveTermTheme(termThemeId()).background, '#000000')) > 0.4
)
+ // THE HOST'S OWN DEFAULT LEADS THE WALL, ahead of Custom (owner, 2026-09-22:
+ // "it should be first in the list"). Prism Terminal's is a preset (PT
+ // Default); Prism's is 'style', which is no preset, so its wall is untouched.
+ const defaultPreset = TERM_PRESETS.find((p) => p.id === hostDefaults().theme)
const sortedPresets = useMemo(() => {
const lum = (bg: string): number => luminance(normalizeColor(bg, '#000000'))
- return [...TERM_PRESETS].sort((a, b) => (lightFirst ? lum(b.bg) - lum(a.bg) : lum(a.bg) - lum(b.bg)))
- }, [lightFirst])
+ return TERM_PRESETS.filter((p) => p !== defaultPreset).sort((a, b) =>
+ lightFirst ? lum(b.bg) - lum(a.bg) : lum(a.bg) - lum(b.bg)
+ )
+ }, [lightFirst, defaultPreset])
+ const presetCard = (p: (typeof TERM_PRESETS)[number]): JSX.Element => {
+ const t = resolveTermTheme(p.id)
+ return (
+
pickPreset(p.id)}
+ onEdit={() => setEditing(paletteOf(p.id))}
+ />
+ )
+ }
// "Save changes": the WHOLE look - palette of the selected theme, font,
// size, agent colours, acrylic and its opacity - lands in the Custom slot,
// reselectable after any theme switch. The indicator's volume is not part
@@ -394,6 +430,7 @@ export function TerminalAppearanceSettings(): JSX.Element {
style={{ maxHeight: wallHeight }}
>
+ {defaultPreset && presetCard(defaultPreset)}
{followsHostStyle() && (
setEditing(paletteOf('custom'))}
/>
)}
- {sortedPresets.map((p) => {
- const t = resolveTermTheme(p.id)
- return (
- pickPreset(p.id)}
- onEdit={() => setEditing(paletteOf(p.id))}
- />
- )
- })}
+ {sortedPresets.map(presetCard)}