Ambient Theme by Site Colour by Manikandan D
Automatically adapts Firefox UI colors to the current webpage’s dominant color.
2 Users2 Users
Extension Metadata
Screenshots
About this extension
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
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
Rated 0 by 0 reviewers
Permissions and data
Required permissions:
- Access browser tabs
- Access your data for all websites
Optional permissions:
- Access your data for all websites
More information
- Add-on Links
- Version
- 1.0.1
- Size
- 93.99 KB
- Last updated
- 2 days ago (Nov 1, 2025)
- Related Categories
- License
- MIT License
- Privacy Policy
- Read the privacy policy for this add-on
- Version History
- Add to collection