True Colors

Christopher BöbelThemes & Appearance28
Get it for macOS

Draws each provider logo in its own brand colour — Anthropic clay, OpenAI green, Pi steel blue, Hermes ultramarine — instead of the one monochrome mask they all share. Fits every colour to the palette you already use, in light and dark mode, without replacing your theme.

Overview

View source

What you get

Recognise Claude Code, Codex, Pi, Hermes Agent and OpenCode by provider-specific colours in bb. Colours adapt to your existing palette in light and dark mode; Cursor keeps its monochrome appearance. Your theme stays in place.

Customisation

CSS custom properties let your theme override a provider's colour, lightness or chroma. Companion rules align colours in bb-usage-page and usage-tracker when those plugins are installed; neither companion is required.

Requirements and compatibility

Requires bb 0.41 or newer. No external account or service is required. OpenCode's colour is an approximation; corrections are welcome. The stylesheet uses internal bb DOM attributes. A future bb update can rename those attributes and make the affected colour rules stop applying.

Feedback and source

Share your bb version and palette using the feedback form. Feedback is voluntary and public. Omit private project details and credentials.

The README contains the colour sources and CSS override examples.

More from Christopher Böbel

ReceiptsCompare coding-agent token usage and estimated API cost in one dashboard. Switch between 7, 30 and 90 days, with daily charts and breakdowns by model, project and day. Reads Claude Code, Codex, Hermes Agent, OpenCode and Pi usage from the bb server machine. Optional Cursor support requires a signed-in Cursor desktop app and its dashboard service; estimates are not subscription invoices.19

More in Themes & Appearance 43

Personalize how bb looks and feels.

View all