Download it from the Chrome App Store!
Please report any issues here.
How to use Bowerbird
How it works
We grab colors from two different places:
The
document.styleSheetsAPI 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
getComputedStylein order to get all the colors currently present on the page.
Todo
- 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 Ankit Solanki and Srivatsan Chari.
