Please report any issues here.
How to use Bowerbird
How it works
We grab colors from two different places:
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.
- 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.
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.