Spongy

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

什麼是Spongy?

Spongy是由IBM Design開發的Chrome擴展程式,該擴展的主要功能是“A Google Chrome eyedropper for IBM Design Language's colors and grades.”。

擴展截圖

screenshot

下載Spongy擴展crx文件

下載Spongy擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        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.                    

擴展基本資訊

名稱 Spongy Spongy
ID aegfmkbdeejghbcidnjmljmjegidflfg
官方網址 https://chromewebstore.google.com/detail/spongy/aegfmkbdeejghbcidnjmljmjegidflfg
簡介 A Google Chrome eyedropper for IBM Design Language's colors and grades.
檔案大小 40.15 KB
安裝次數 64
目前版本 1.0.0
更新時間 2017-01-24
上架時間 2017-01-24
評分 3.67/5 共 3 次評分
開發者 IBM Design
付費類型 free
支援的語言 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\/*"
    ]
}