https://github.com/dguo/color-tailor

Dynamic theme for Firefox that uses the current website's "primary" color
https://github.com/dguo/color-tailor

color firefox firefox-theme theme

Last synced: 10 months ago
JSON representation

Dynamic theme for Firefox that uses the current website's "primary" color

• Host: GitHub
• URL: https://github.com/dguo/color-tailor
• Owner: dguo
• License: mit
• Created: 2018-03-26T17:21:48.000Z (about 8 years ago)
• Default Branch: main
• Last Pushed: 2024-12-22T22:17:58.000Z (over 1 year ago)
• Last Synced: 2025-07-23T11:15:31.190Z (11 months ago)
• Topics: color, firefox, firefox-theme, theme
• Language: JavaScript
• Homepage: https://addons.mozilla.org/en-US/firefox/addon/color-tailor/
• Size: 2.22 MB
• Stars: 59
• Watchers: 3
• Forks: 6
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Color Tailor

[![Mozilla Add-on](https://img.shields.io/amo/v/color-tailor)](https://addons.mozilla.org/en-US/firefox/addon/color-tailor/)

[![CI status](https://github.com/dguo/color-tailor/workflows/CI/badge.svg)](https://github.com/dguo/color-tailor/actions?query=branch%3Amain)

A [dynamic Firefox

theme](https://developer.mozilla.org/en-US/Add-ons/Themes/Theme_concepts#Dynamic_themes)

that changes the theme to the current website's "primary" color. Available in [Firefox

Add-ons](https://addons.mozilla.org/en-US/firefox/addon/color-tailor/).

Order of precedence for determining the color:

1. The meta [theme-color](https://html.spec.whatwg.org/multipage/semantics.html#meta-theme-color) element (except for pure white)

2. The dominant color in the [favicon](https://en.wikipedia.org/wiki/Favicon), as determined by [node-vibrant](https://github.com/akfish/node-vibrant)

3. White as a fallback

Color Tailor was originally created for the [Firefox Quantum Extensions

Challenge](https://extensionschallenge.com/). I wrote a [blog

post](https://www.dannyguo.com/blog/building-dynamic-firefox-themes/) detailing

my experience.

![screenshot](https://i.imgur.com/uqJqd3A.png)

## Installation

Install Color Tailor from the

[Add-ons](https://addons.mozilla.org/en-US/firefox/addon/color-tailor/) page.

Firefox 63 and above is required.

## Prior Art

Color Tailor was inspired by an [iTunes feature](https://stackoverflow.com/q/13637892/1481479) that would change UI colors on the fly to match album covers.

Chrome on Android does a [similar thing](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android) with the toolbar color, and there is an [open issue](https://bugzilla.mozilla.org/show_bug.cgi?id=1098544) to do the same for Firefox.

[Vivaldi](https://vivaldi.com/) has this [feature](https://vivaldi.com/features/user-interface/) built-in.

## Other Themes

* [Chromatastic](https://addons.mozilla.org/en-US/firefox/addon/chromatastic/): continuously cycles through colors

* [Containers Theme](https://addons.mozilla.org/en-US/firefox/addon/containers-theme/): changes the theme color to match the active [container tab](https://addons.mozilla.org/en-US/firefox/addon/multi-account-containers/)

* [Picture Paint](https://addons.mozilla.org/en-US/firefox/addon/picture-paint/): changes the theme to match the color palette of the current National Geographic Photo of the Day

* [Quantum Lights](https://addons.mozilla.org/en-US/firefox/addon/quantum-lights-dynamic/): Firefox Quantum palette-inspired theme that changes based on the time of day

* [Gradientus](https://addons.mozilla.org/en-US/firefox/addon/gradientus/): also changes colors based on the time of day

## License

[MIT](https://github.com/dguo/color-tailor/blob/main/LICENSE)