Adaptive Tab Bar Colour — Eason Wong

What Does The Add-on Do

Every time you open, close, or switch tabs, this add-on changes the theme of your Firefox browser to match the theme colour of the website you are viewing – just like how macOS Safari tints its tab bar.


Works Well With

This add-on is programmed particularly to be responsive to some prominent web page styling add-ons.

1. Dark Reader
2. Stylish

Incompatible With

This add-on takes control of browser’s UI colour and colour scheme settings. Any add-on that makes changes to them is incompatible.

1. Firefox under Version 112.0 (released on Apr, 2023)
2. Chameleon Dynamic Theme
3. VivaldiFox
4. Dark Mode Website Switcher
5. automaticDark
6. Envify
7. Midnight Lizard

Safety Warning

Beware of malicious web UI: Please distinguish between the browser’s UI and the web UI, see The Line of Death. (Credit to u/KazaHesto)


For CSS Theme Enjoyers

A CSS theme can work with ATBC, when system colour variables are being used. This is an example of an ATBC-compatible CSS theme.


Known Issues

1. “about:devtools-toolbox” might not have the correct colour scheme

Feel free to star this project on GitHub: https://github.com/easonwong-de/Adaptive-Tab-Bar-Colour