Order of precedence for determining the color:
- The meta theme-color element (except for pure white)
- The dominant color in the favicon, as determined by node-vibrant
- White as a fallback
Install Color Tailor from the Add-ons page. Firefox 60 and above is required.
Color Tailor was inspired by an iTunes feature that would change UI colors on the fly to match album covers.
- Chromatastic: continuously cycles through colors
- Containers Theme: changes the theme color to match the active container tab
- Picture Paint: changes the theme to match the color palette of the current National Geographic Photo of the Day
- Quantum Lights: Firefox Quantum palette-inspired theme that changes based on the time of day
- Gradientus: also changes colors based on the time of day