easonwong-de / Adaptive-Tab-Bar-Colour

Changes the colour of Firefox tab bar to match the website theme.
https://addons.mozilla.org/firefox/addon/adaptive-tab-bar-colour/
MIT License
310 stars 11 forks source link

Compatibility with WhiteSur monterey? #87

Open Rojoloter opened 2 weeks ago

Rojoloter commented 2 weeks ago

Hello, I saw that you made an ATBC compatible fork of the WhiteSur theme. What do I need to change to make the monterey version also compatible with ATBC? Thanks in advance!

easonwong-de commented 1 week ago

It actually takes a bit of efforts. The point is, you need to make sure that the original CSS colour variables are assigned to the browser chrome elements. For example, the toolbar needs to have --toolbar-bgcolor as its colour, and --toolbar-bgcolor should be able to changed by the browser.

Apparently, WhiteSur Monterey overwrites the toolbar colour. Let’s say in a WhiteSur Monterey CSS file, it goes --toolbar-bgcolor: #ffffff;. Now you need to delete this line. Alternatively, let’s say it goes #nav-bar { background: #ffffff; }, then you need to change it back to #nav-bar { background: var(--toolbar-bgcolor); }.