20eab355e7
Splits the existing palette into DARK_THEME (current yellow-heavy default) and LIGHT_THEME (darker browns + proper contrast on white). DEFAULT_THEME aliases DARK_THEME, and flips to LIGHT_THEME when HERMES_TUI_LIGHT=1 is set at launch. Skin system (fromSkin) still layers on top of whichever preset is active, so users can keep customizing on top of either palette. Refs #11300.
69 lines
2.2 KiB
TypeScript
69 lines
2.2 KiB
TypeScript
import { describe, expect, it } from 'vitest'
|
||
|
||
import { DARK_THEME, DEFAULT_THEME, fromSkin, LIGHT_THEME } from '../theme.js'
|
||
|
||
describe('DEFAULT_THEME', () => {
|
||
it('has brand defaults', () => {
|
||
expect(DEFAULT_THEME.brand.name).toBe('Hermes Agent')
|
||
expect(DEFAULT_THEME.brand.prompt).toBe('❯')
|
||
expect(DEFAULT_THEME.brand.tool).toBe('┊')
|
||
})
|
||
|
||
it('has color palette', () => {
|
||
expect(DEFAULT_THEME.color.gold).toBe('#FFD700')
|
||
expect(DEFAULT_THEME.color.error).toBe('#ef5350')
|
||
})
|
||
})
|
||
|
||
describe('LIGHT_THEME', () => {
|
||
it('avoids bright-yellow accents unreadable on white backgrounds (#11300)', () => {
|
||
expect(LIGHT_THEME.color.gold).not.toBe('#FFD700')
|
||
expect(LIGHT_THEME.color.amber).not.toBe('#FFBF00')
|
||
expect(LIGHT_THEME.color.dim).not.toBe('#B8860B')
|
||
expect(LIGHT_THEME.color.statusWarn).not.toBe('#FFD700')
|
||
})
|
||
|
||
it('keeps the same shape as DARK_THEME', () => {
|
||
expect(Object.keys(LIGHT_THEME.color).sort()).toEqual(Object.keys(DARK_THEME.color).sort())
|
||
expect(LIGHT_THEME.brand).toEqual(DARK_THEME.brand)
|
||
})
|
||
})
|
||
|
||
describe('DEFAULT_THEME aliasing', () => {
|
||
it('defaults to DARK_THEME when HERMES_TUI_LIGHT is unset', () => {
|
||
expect(DEFAULT_THEME).toBe(DARK_THEME)
|
||
})
|
||
})
|
||
|
||
describe('fromSkin', () => {
|
||
it('overrides banner colors', () => {
|
||
expect(fromSkin({ banner_title: '#FF0000' }, {}).color.gold).toBe('#FF0000')
|
||
})
|
||
|
||
it('preserves unset colors', () => {
|
||
expect(fromSkin({ banner_title: '#FF0000' }, {}).color.amber).toBe(DEFAULT_THEME.color.amber)
|
||
})
|
||
|
||
it('overrides branding', () => {
|
||
const { brand } = fromSkin({}, { agent_name: 'TestBot', prompt_symbol: '$' })
|
||
expect(brand.name).toBe('TestBot')
|
||
expect(brand.prompt).toBe('$')
|
||
})
|
||
|
||
it('defaults for empty skin', () => {
|
||
expect(fromSkin({}, {}).color).toEqual(DEFAULT_THEME.color)
|
||
expect(fromSkin({}, {}).brand.icon).toBe(DEFAULT_THEME.brand.icon)
|
||
})
|
||
|
||
it('passes banner logo/hero', () => {
|
||
expect(fromSkin({}, {}, 'LOGO', 'HERO').bannerLogo).toBe('LOGO')
|
||
expect(fromSkin({}, {}, 'LOGO', 'HERO').bannerHero).toBe('HERO')
|
||
})
|
||
|
||
it('maps ui_ color keys + cascades to status', () => {
|
||
const { color } = fromSkin({ ui_ok: '#008000' }, {})
|
||
expect(color.ok).toBe('#008000')
|
||
expect(color.statusGood).toBe('#008000')
|
||
})
|
||
})
|