Skip to content

Usage page: Codex and Claude surface icons render with wrong colors in dark mode #1252

Description

@Wibias

Bug

On the dashboard Usage page, the surface filter icons show the wrong colors in dark mode.

What happens

The Codex and Claude icons on the Usage filter chips are forced through a dark-theme invert filter (.usage-source-mark { filter: invert(1); }). The Claude icon uses a brand-colored SVG (claude-color.svg), so inverting it shifts the brand orange to a cyan/teal. The Codex icon (monochrome OpenAI mark) is inverted so it appears white-on-dark, which is the intended treatment for monochrome marks — but the same rule wrongly hits the brand-colored Claude mark.

Expected

  • Brand-colored marks (Claude) keep their brand colors in dark mode.
  • Monochrome marks (Codex/OpenAI, Grok) keep the dark-theme invert so they remain visible.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions