Bowerbird is a Chrome extension that helps you work with colors on a webpage.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
images
js
vendor
CONTRIBUTORS
LICENSE
README.markdown
css-colors.css
manifest.json
popup.html

README.markdown

Bowerbird

Bowerbird is a Chrome Extension that helps you work with colors on a webpage. You can see what colors a page uses (and see the CSS behind them), find unused colors, and even edit colors.

Please report any issues you find at https://github.com/nthloop/bowerbird/issues.

How it works

We grab colors from two different places:

  • The document.styleSheets API is used (when available) to go through all CSS rules present and extract colors mentioned. This gives us a list of colors mentioned in stylesheets, some of which may not even be present on the page.

    There are a few restrictions to this API, though. It is not available for file:/// URLs, and sometimes fails for stylesheets loaded from a third-party URL.

  • We also iterate over each element on the page and use getComputedStyle in order to get all the colors currently present on the page.

Pending

  • Creating a Safari extension.
  • Sometimes, stylesheets can't be parsed — figure out why, and use workarounds.
  • Add a color picker when editing colors.
  • Parse complex CSS values like gradients.

License

Bowerbird is under an MIT license.

We use some code from Webkit's excellent developer tools, the files are present un-modified in the vendor directory.

About Us

Bowerbird is the first app by nth loop, a startup by @Anks and @xrivatsan.