Chameleon

Chameleon is a one-click theme switcher for HTML pages that adopt the open Chameleon theme contract — a small, free CSS-variable spec for themable artifacts. WHAT IT DOES • Click the toolbar icon, pick one of 5 built-in themes (Default, Midnight, Warm, Forest, Mono), and the active page recolors instantly. • Your selection persists across tabs and browser restarts. • A small "ON" badge appears on tabs where Chameleon is active, so you always know which pages are themed. WHO IT'S FOR • Authors of HTML artifacts (decks, dashboards, one-pagers) who want their viewers to be able to recolor at will. • Readers who prefer a darker / warmer / higher-contrast palette than what the page ships with. • Anyone using Claude Code's `chameleon` skill or the hosted theme stylesheet. HOW DETECTION WORKS The extension activates only on pages that declare a Chameleon signal: 1. <meta name="chameleon" content="v1"> 2. A <link> to the Chameleon stylesheet on github.io 3. <html data-chameleon="v1"> set at runtime On every other page, Chameleon does nothing. PRIVACY • No tracking, no analytics, no network requests. • The only data stored is the name of your selected theme, in chrome.storage.local. • Source code: https://github.com/churin1116/html-chameleon KNOWN LIMITATIONS (v1) • Pages with strict CSP disallowing inline scripts may need the popup-driven path (re-pick the theme while that tab is active). • Custom color overrides via JS API work but are not yet exposed in the popup UI. • Local files (file://) require enabling "Allow access to file URLs" in chrome://extensions for this extension. The Chameleon contract itself is open and free — adopt it in your own HTML to make your pages themable for everyone.