color-pusher

Easy color theme tweaking for any website as Chrome DevTools panel

What is color-pusher?

color-pusher is a Chrome extension developed by https://glebbahmutov.com, and its main feature is "Easy color theme tweaking for any website as Chrome DevTools panel".

Extension Screenshots

screenshot
screenshot
screenshot

Download color-pusher Extension CRX File

Download color-pusher extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Tweak any or all colors in any page using this DevTools panel. 
Easily replace entire color palette, adjust hue, saturation and value.
Generate multiple colors based on first color as triad, tetrad, analogous, etc.

Work in progress. Please take a look at the source code / file issues at https://github.com/bahmutov/color-pusher-chrome. Follow on Twitter at https://twitter.com/bahmutov

A related widget that can be embedded into your (single line) page and allows to fetch entire palette from external websites: https://github.com/bahmutov/color-pusher                    

Extension Basic Information

Name color-pusher color-pusher
ID gcahnlgconcbplfboahcgaobkpdhidee
Official URL https://chromewebstore.google.com/detail/color-pusher/gcahnlgconcbplfboahcgaobkpdhidee
Description Easy color theme tweaking for any website as Chrome DevTools panel
File Size 773 KB
Installation Count 117
Current Version 0.0.2
Last Updated 2013-12-10
Publish Date 2013-12-09
Rating 3.00/5 Total 2 Ratings
Developer https://glebbahmutov.com
Payment Type free
Extension Website http://glebbahmutov.com/color-pusher/
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "color-pusher",
    "version": "0.0.2",
    "author": "Gleb Bahmutov",
    "description": "Easy color theme tweaking for any website as Chrome DevTools panel",
    "permissions": [],
    "optional_permissions": [],
    "icons": {
        "128": "icons\/app-icon-128.png",
        "64": "icons\/app-icon-64.png",
        "48": "icons\/app-icon-48.png",
        "32": "icons\/app-icon-32.png",
        "16": "icons\/app-icon-16.png"
    },
    "devtools_page": "devtools.html",
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "panel\/libs\/jquery.js",
                "content-script\/color-pusher-injected-into-page.js"
            ]
        }
    ]
}