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

Latest Version

Version

1.0.0

Update

January 24, 2017

Size

40.15KiB

Developer

Spongy Extension

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.

Source 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/*" ]}

Download CRX(40.15KiB)

Similar Extensions

AgileVERSE Extension · Productivity 47 8 ★ 281KiB

Carbon Devtools V10 Extension · Developer Tools 47 1 ★ 279KiB

Video Conversations for IBM SmartCloud Extension · Productivity 47 1 ★ 5.3KiB

metaTaber Extension · Developer Tools 47 0 ★ 150KiB

IBM Equal Access Accessibility Checker Extension · Developer Tools 47 16 ★ 29.19MiB

IBM Grid Checker Extension · Developer Tools 47 0 ★ 4.95MiB

Chorus for HCL Verse Extension · Social & Communication 47 28 ★ 281KiB

IBM Platform Support Quick Access Extension · Productivity 47 2 ★ 154KiB

Pages2Repo Extension · Productivity 47 3 ★ 213KiB

Friendly GitHub Extension · Social & Communication 47 2 ★ 44.63KiB

Stijl Extension · Developer Tools 47 0 ★ 1.43MiB

IBM Cognos TM1 Web Clipboard Extension Extension · Productivity 47 15 ★ 193KiB

ZenHub for GitHub Extension · Productivity 47 377 ★ 3.28MiB

Domquest Extension · Developer Tools 47 2 ★ 32.3KiB

Local Memory Project Extension · Productivity 47 0 ★ 1.38MiB

Lavaca Developer Tools Extension · Developer Tools 47 0 ★ 10.42MiB

OctoLenses Extension · Developer Tools 47 3 ★ 3.74MiB

Atma.js DevTool Extension · Developer Tools 47 0 ★ 201KiB

NPM Package Search Extension · Developer Tools 47 1 ★ 6.15KiB

The-M-Project Inspector Extension · Developer Tools 47 4 ★ 12.79KiB

Github Annotator Extension · Developer Tools 47 2 ★ 81.68KiB

GitHub submodule links Extension · Developer Tools 47 2 ★ 17.49KiB

captureCalls Extension · Developer Tools 47 1 ★ 9.63KiB

IBM® Rational® Functional Tester - Web UI Extension · Developer Tools 47 2 ★ 414KiB

User reviews

Max Weir (ID: 000000c233799c3b) Voted 3 ★ - Updated 03/12/2017 Is there a how-to for this extension? I don't get any interaction when this is running.

Steven Raden (ID: 00000051ecfdd94c) Voted 3 ★ - Updated 03/02/2017 Confused a bit by the application. Looks nice for what it does, but when you hover over a color it shows you the same content that is just below the color and if you "copy" the content it just gives you the color value (ex blue, 20). Would have expected the ability to click on a color and get the RGB or hex value copied to clip board. Also, it unfortunately makes the page really slow to scroll. Definitely something that looks nice and could be pretty cool, but just needs some more work. Would be really nice if you could use it without ibm design language page. Like it was just an IBM color palette picker in the browser

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Spongy