v2.0 ships a light theme and a dark theme. Either responds to your system preference, or you can override manually.
The two themes
- Light — paper-tone base (
#fafaf7) with deeper borders for card separation. Default for users with system light mode. - Dark — zinc-warm dark base (
#0e0e0c) with a violet accent. Default for users with system dark mode.
Toggling the theme
The theme toggle button lives at the top-right of the panel header (sun / moon icon). Click to flip between light and dark.
Your manual choice is persisted in chrome.storage.local and applies on every Pixel Auditor open. To go back to following system preference, clear your override (long-press the toggle, or open Settings → "Use system theme").
System preference
Without an explicit override, Pixel Auditor follows prefers-color-scheme from your OS. Changing your system theme while the panel is open updates the panel automatically.
What changes between themes
- Backgrounds, text, borders, and the accent color
- Severity colors (good/warn/bad) — adjusted for dark-mode readability
- Code blocks — light-on-dark in both themes for consistency
SVG icon system
v2.0 replaces all UI emojis with an inline SVG registry (27 icons). Every icon uses currentColor so it themes automatically — no separate light/dark assets, no emoji-font dependencies.
Brand-mark platform icons
Platform icons (Google, Meta, LinkedIn, Microsoft, etc.) are abstract brand-inspired marks rather than trademark logos:
- Google → tag shape
- Analytics → ascending bars
- Ads → target rings
- Meta → interlocking circles
- LinkedIn → briefcase
- Microsoft → magnifying glass
This is intentional — Chrome Web Store trademark review is sensitive to direct logo use, and abstract marks render consistently across themes.