Colorify gives you the power to customize the web, your way.
Colorify is an open-source MIT-licensed browser extension designed to modify the look of any web element, anywhere. With Colorify, you can change the look of text, backgrounds, buttons, links, or anything on any website you visit. Colorify is available for Chrome.
Open up an issue or discussion if you have any questions! I'll try to get back to you as soon as possible.
If you would like to add a new feature to colorify or fix a bug, submit an issue in GitHub (if there is no existing one)!
To build and debug the extension, fork the repo. Install development dependencies by running npm install in the project root folder. Then execute npm run dev.
- Open the chrome://extensions page.
- Disable the official Colorify extension.
- Enable the Developer mode.
- Click Load unpacked extension button.
- Navigate to the project's build/debug/chrome folder.
You can use colorify to change the look of a website by selecting an element on the screen or entering a CSS selector. Upon opening the extension you'll be greeted by a popup that looks like this:
After clicking "select by click," you can hover over and select the element on your current page, outlined in red. All elements are selectable, including text, images, and buttons, and persist across page reloads. Your settings are even saved across devices if you use Chrome Sync.
Search websites that have selected elements using the search bar. You can set the initial background and text color for selected elements by selecting the cog in the top right corner.
You'll also find the option to clear all elements, which will remove all selected elements from all pages. Deleting elements is easy! Click the red icon to clear all elements from a website, or remove them individually by clicking the X next to the element.
If you have any issues or want to fix something, please open an issue on GitHub! I'll try to get back to you as soon as possible.