Ambient Theme by Site Colour door Manikandan D

Ambient Theme by Site Colour automatically adapts Firefox’s UI theme colors to match the site you’re viewing, keeping text readable and toolbars clear.

Key features

Dynamic per‑site coloring of the browser UI based on page content.
Per‑site toggle from the toolbar popup.
Minimum contrast control for readability.
Toolbar blend control for legibility.
Works on tab change, navigation, and window focus.

How it works
A lightweight content script derives a representative color from the current page in this order: meta theme‑color → logo/SVG → favicon → primary button → largest visible image (CORS‑safe) → page background. The background script then applies a matching theme to the active window, while preserving readable text and toolbar clarity.

Permissions

<all_urls>: Needed to read page colors for adaptive theming.
Tabs/activeTab: Detects the active tab and hostname for per‑site toggling and refresh.
Storage: Saves local preferences (enabled, contrast, blend, per‑site disabled map).
Theme: Updates and resets Firefox window theme colors.

Privacy

No personal data collection or transmission.
All processing happens locally in your browser.
If images block cross‑origin pixel reads, the add‑on skips those pixels and falls back to other sources.

Usage

Click the toolbar button to quickly disable/enable on the current site.
Open Options to adjust minimum contrast (1.0–21.0) and toolbar blend (0..1).
Special pages (e.g., about:newtab, Add‑ons site) are excluded by design.

Source code: https://github.com/manikandancode/ambient-theme-by-site-colour
Issues: https://github.com/manikandancode/ambient-theme-by-site-colour/issues