What is Spongy?

Spongy is a Chrome extension developed by IBM Design, and its main feature is "A Google Chrome eyedropper for IBM Design Language's colors and grades.".

Extension Screenshots

Download Spongy Extension CRX File

Download Spongy extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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.

Extension Basic Information

Name	Spongy
ID	aegfmkbdeejghbcidnjmljmjegidflfg
Official URL	https://chromewebstore.google.com/detail/spongy/aegfmkbdeejghbcidnjmljmjegidflfg
Description	A Google Chrome eyedropper for IBM Design Language's colors and grades.
File Size	40.15 KB
Installation Count	64
Current Version	1.0.0
Last Updated	2017-01-24
Publish Date	2017-01-24
Rating	3.67/5 Total 3 Ratings
Developer	IBM Design
Payment Type	free
Supported Languages	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\/*" ] }