Spongy

A Google Chrome eyedropper for IBM Design Language's colors and grades.

Vad är Spongy?

Spongy är en Chrome-tillägg utvecklad av IBM Design, och dess huvudfunktion är "A Google Chrome eyedropper for IBM Design Language's colors and grades.".

Tilläggsskärmbilder

screenshot

Ladda ner Spongy-förlängningens CRX-fil

Ladda ner Spongy-filändelser i crx-format, installera Chrome-tillägg manuellt i webbläsaren eller dela crx-filerna med vänner för att enkelt installera Chrome-tillägg.

Användarmanual för Tillägg

                        If you're someone who works with the IBM Design Language's colors often, you might have a hex to brand color and grade cheatsheet with you at all times. That way when you're working with a design where all you get is hex values, you can determine which Sass mixin you need to get that same color.

Worry not! This tool will help get your brand specific color information from any website, image, or app in Google Chrome.                    

Grundläggande Information om Tillägg

Namn Spongy Spongy
ID aegfmkbdeejghbcidnjmljmjegidflfg
Officiell webbadress https://chromewebstore.google.com/detail/spongy/aegfmkbdeejghbcidnjmljmjegidflfg
Beskrivning A Google Chrome eyedropper for IBM Design Language's colors and grades.
Filstorlek 40.15 KB
Antal Installationer 64
Aktuell Version 1.0.0
Senast Uppdaterad 2017-01-24
Publiceringsdatum 2017-01-24
Betyg 3.67/5 Totalt 3 Betyg
Utvecklare IBM Design
Betalningssätt free
Stödda Språk en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Spongy",
    "author": "Diego Hernandez",
    "version": "1.0.0",
    "description": "A Google Chrome eyedropper for IBM Design Language's colors and grades.",
    "browser_action": {
        "default_icon": {
            "16": "imgs\/icon_16.png",
            "24": "imgs\/icon_24.png",
            "32": "imgs\/icon_32.png"
        },
        "default_title": "IBM Design Spongy",
        "default_popup": "html\/popup.html"
    },
    "permissions": [
        "activeTab",
        ""
    ],
    "background": {
        "scripts": [
            "scripts\/background.js"
        ],
        "persistent": false
    },
    "icons": {
        "16": "imgs\/icon_16.png",
        "48": "imgs\/icon_48.png",
        "128": "imgs\/icon_128.png"
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "js": [
                "scripts\/main.js"
            ],
            "css": [
                "styles\/main.css"
            ]
        }
    ],
    "web_accessible_resources": [
        "fonts\/*"
    ]
}