Spongy

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

Hvad er Spongy?

Spongy er en Chrome-udvidelse udviklet af IBM Design, og dens hovedfunktion er "A Google Chrome eyedropper for IBM Design Language's colors and grades.".

Udvidelsesskærmbilleder

screenshot

Download Spongy-udvidelses-CRX-fil

Download Spongy-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.

Brugsanvisning til Udvidelsen

                        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æggende oplysninger om udvidelsen

Navn Spongy Spongy
ID aegfmkbdeejghbcidnjmljmjegidflfg
Officiel URL https://chromewebstore.google.com/detail/spongy/aegfmkbdeejghbcidnjmljmjegidflfg
Beskrivelse A Google Chrome eyedropper for IBM Design Language's colors and grades.
Filstørrelse 40.15 KB
Antal Installationer 64
Nuværende Version 1.0.0
Senest Opdateret 2017-01-24
Udgivelsesdato 2017-01-24
Bedømmelse 3.67/5 Samlet 3 Bedømmelser
Udvikler IBM Design
Betalingsmetode free
Understøttede Sprog 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\/*"
    ]
}