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
官方URL 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\/*"
    ]
}