Files
LLeMbas-CLI/tests/theme.test.ts
T
HomerandClaude Fable 5.1 837f38c744 Harness spec 1.1.0: one plan, prototypes and the library shared; the CLI implements it
The spec: plan_write and plan_update (new, shared, offered in every mode) and
plan_submit (now shared) keep one structured plan — findings, objectives,
phases of tasks — in place of the todo list, which lives on as a former name
of plan_write. The shared system text is one text for both projects, with
variables for what differs; the mode texts, a prototypes block and a library
block are shared. acp.md: the client hands the device what only it knows
(context, library, prototypes), the plan travels as a structure (plan_state),
library calls carry the chat's scope, and a client may rewind a session.
loop.json says its numbers as numbers. Four conformance areas: plan,
prototype, library_scope, toolcall_index.

The CLI: the plan is kept per session in the store and drawn above the prompt
and on the approval card; the prompt is assembled from the spec's texts with
their variables filled; the link reads the instance's instructions,
personalization, knowledge scope and prototype offer, sends the plan as a
structure and answers rewind; library calls to the instance carry the session
as scope; a prototype written in the terminal is saved as a file and named in
the transcript; a tool-call fragment without an index continues the last call;
the default theme is Moria; dead exports and Hermes leftovers removed.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
2026-10-18 04:02:12 +02:00

75 lines
4.1 KiB
TypeScript

// Themes: every built-in one complete and readable, a user theme merged over the default, the old
// `skin` key still honoured. The contrast floors are LLeMbas's (tests/test_theme_contrast.py):
// body text 7:1 on its background, everything else that is read 4.5:1.
import { expect, test } from "bun:test"
import { mkdirSync, writeFileSync } from "node:fs"
import { join } from "node:path"
import { loadConfig } from "../src/config/load.ts"
import { paths } from "../src/config/paths.ts"
import { BUILTIN_THEMES, DEFAULT_THEME, HERMES, loadTheme, RENAMED_THEMES, themeNames, type Theme } from "../src/tui/palette.ts"
const lum = (hex: string) => {
const n = Number.parseInt(hex.slice(1), 16)
const ch = [(n >> 16) & 255, (n >> 8) & 255, n & 255].map((v) => {
const s = v / 255
return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4
})
return 0.2126 * ch[0]! + 0.7152 * ch[1]! + 0.0722 * ch[2]!
}
const contrast = (a: string, b: string) => {
const [x, y] = [lum(a), lum(b)].sort((p, q) => q - p)
return (x! + 0.05) / (y! + 0.05)
}
// The themes that paint their own background (hermes and mono keep the terminal's).
const painted = Object.values(BUILTIN_THEMES).filter((t) => t.colors.bg)
test("the default is moria, and every built-in theme has every colour as #rrggbb", () => {
expect(DEFAULT_THEME.name).toBe("moria")
expect(painted.map((t) => t.name).sort()).toEqual(["lembas", "lembas-light", "moria", "shire"])
for (const t of Object.values(BUILTIN_THEMES)) {
for (const k of Object.keys(HERMES.colors) as (keyof Theme["colors"])[]) expect({ theme: t.name, key: k, ok: /^#[0-9a-fA-F]{6}$/.test(t.colors[k] ?? "") }).toEqual({ theme: t.name, key: k, ok: true })
}
})
test("readable: text 7:1 on the background; what is read 4.5:1 on the background, the status bar 4.5:1 on the bar", () => {
const onBg = ["muted", "dim", "title", "accent", "label", "ok", "error", "warn", "info", "prompt", "reasoning", "lineNumber", "code", "link", "keyword", "string", "number", "func", "type", "comment"] as const
const onPanel = ["statusText", "statusStrong", "statusDim", "statusGood", "statusWarn", "statusBad", "statusCritical"] as const
const low: string[] = []
for (const t of painted) {
const c = t.colors
if (contrast(c.text, c.bg!) < 7) low.push(`${t.name} text ${contrast(c.text, c.bg!).toFixed(2)}`)
for (const k of onBg) if (contrast(c[k], c.bg!) < 4.5) low.push(`${t.name} ${k} ${contrast(c[k], c.bg!).toFixed(2)}`)
for (const k of onPanel) if (contrast(c[k], c.panel) < 4.5) low.push(`${t.name} ${k} on panel ${contrast(c[k], c.panel).toFixed(2)}`)
if (contrast(c.text, c.menu) < 7) low.push(`${t.name} text on menu ${contrast(c.text, c.menu).toFixed(2)}`)
}
expect(low).toEqual([])
})
test("a user theme in themes/ (or the old skins/) is merged over the default; an unknown one falls back with a warning", () => {
mkdirSync(join(paths.config, "themes"), { recursive: true })
writeFileSync(join(paths.config, "themes", "mine.yaml"), "colors:\n accent: '#ff00ff'\n")
mkdirSync(join(paths.config, "skins"), { recursive: true })
writeFileSync(join(paths.config, "skins", "old.yaml"), "colors:\n title: '#00ff00'\n")
expect(themeNames()).toEqual(expect.arrayContaining(["lembas", "mine", "old"]))
const mine = loadTheme("mine").theme
expect(mine.colors.accent).toBe("#ff00ff")
expect(mine.colors.bg).toBe(DEFAULT_THEME.colors.bg)
expect(loadTheme("old").theme.colors.title).toBe("#00ff00")
const none = loadTheme("nope")
expect(none.theme.name).toBe("moria")
expect(none.warning).toContain('theme "nope" not found')
})
test("a theme by the name the default had before is the default under its name now", () => {
for (const [was, is] of Object.entries(RENAMED_THEMES)) expect(loadTheme(was).theme).toBe(BUILTIN_THEMES[is]!)
})
test("`skin:` in an old config.yaml is read as the theme, with a note to rename it", () => {
mkdirSync(paths.config, { recursive: true })
writeFileSync(join(paths.config, "config.yaml"), "skin: moria\n")
const l = loadConfig()
expect(l.config.theme).toBe("moria")
expect(l.warnings.join("\n")).toContain("`skin` is now called `theme`")
})