O que é Spongy?

Spongy é uma extensão do Chrome desenvolvida por IBM Design, e sua principal característica é "A Google Chrome eyedropper for IBM Design Language's colors and grades.".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão Spongy

Baixe arquivos de extensão Spongy no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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.

Informações Básicas da Extensão

Nome	Spongy
ID	aegfmkbdeejghbcidnjmljmjegidflfg
URL Oficial	https://chromewebstore.google.com/detail/spongy/aegfmkbdeejghbcidnjmljmjegidflfg
Descrição	A Google Chrome eyedropper for IBM Design Language's colors and grades.
Tamanho do Arquivo	40.15 KB
Contagem de Instalações	64
Versão Atual	1.0.0
Última Atualização	2017-01-24
Data de Publicação	2017-01-24
Classificação	3.67/5 Total de 3 Avaliações
Desenvolvedor	IBM Design
Tipo de Pagamento	free
Idiomas Suportados	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\/*" ] }