A dynamic Firefox theme that changes color based on the website.
Get the add-on: https://addons.mozilla.org/nl/firefox/addon/coma-dynamic-theme/
If a website you use a lot doesn't have a theme color, let me know at GitHub or [email protected] and I'll update the add-on for you.
The color is based on the websites meta[name="theme-color"] tag.
Because not every website has a meta[name="theme-color"] tag, I defined the color myself for a lot of website.
If you like the add-on, show some love by leaving a review or star the project on GitHub.
You can test the add-on with one of these sites:
- When a website doesn't have a theme-color meta tag, pick the background-color of the tag and if that does not exist the color of the tag to create a seamless experience.
- Sometimes the frame flashes to white before updating to color
- When you open FireFox it has the theme color of the website you last visited
- Add an onboard, upboard & offboard page: https://extensionworkshop.com/documentation/develop/onboard-upboard-offboard-users/
- Port to Firefox Mobile: https://extensionworkshop.com/documentation/develop/developing-extensions-for-firefox-for-android/
- Theme colors: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/theme
- about:debugging
- This Firefox
- Load temporary Add-on
- Select: background-script.js
- Build:
web-ext build- Installation:
npm install --global web-ext - Docs: https://extensionworkshop.com/documentation/develop/getting-started-with-web-ext/
- Installation: