Light themes get full coverage
- improved The "Save this to return" banner, system messages, and button hover states now follow your theme instead of fixed dark colors. Light presets like Warm theme these too, and new hooks (--warn-fg, --accent-soft-hover, --accent-glow) let custom CSS restyle them directly.
If you customized your chat link with a light palette, a few details used to refuse to follow it. The "Save this to return" banner, the small system notes in a conversation ("Chat started", "Chat ended"), and some hover states kept fixed dark-amber and lime colors no matter what your theme said. On a white page, that meant a jarring brown slab across the top of the chat.
Those surfaces now run on the same theming hooks as everything else. If you use a preset, Warm and Bubblegum already carry sensible light values for them. If you write your own custom CSS, three new hooks are available alongside the ones you already use:
- `--warn-fg`, `--warn-border`, and `--warn-link-hover` control the return-link banner, the conversation-ended banner, and system notes. Their background remains `--bg-warn`. - `--accent-soft-hover` controls the hover state of the Notify me button (it previously snapped to a fixed dark green). - `--accent-glow` controls the soft pulse ring around Notify me. It takes a full rgba() value, for example rgba(0, 0, 102, 0.4).
A minimal light theme that covers everything looks like this:
```css :root { --bg-warn: #f5f5f5; --warn-fg: #333333; --warn-border: #dddddd; --warn-link-hover: #000000; --accent-soft-hover: #e2e2e2; --accent-glow: rgba(0, 0, 0, 0.25); } ```
As always, custom CSS loads last, so any of these can also be overridden per element with class selectors if you need something very specific.
← All changes