Hex Code Wizard Extension Chrome

Save and access brand colors directly in Klaviyo's email builder.

Latest Version

Version

1.0.3

Update

February 14, 2024

Size

41.65KiB

Developer

Hex Code Wizard Extension

If you're anything like me, you have brand colors from various brands you work with scattered across different design files or brand books. And whenever you need a hex code, you have to hunt it down.

Even if you have all the hex codes stored on a single page, you still need to have a second window or tab open, go to the page, double-click, copy, go back to Klaviyo, then paste it where you need it.

You've got no choice but to rack up \"mouse mileage\" just to get those sacred hex codes...

With the Hex Code Wizard, you can save every brand color for every brand you work with and grab the hex code you need in just 2 clicks, without leaving Klaviyo's email editor.*

No more jumping between tabs or windows, navigating bookmarks or design files, or interrupting your workflow.

Bring brand colors directly into Klaviyo with the Hex Code Wizard.

v.1.0.2 Fixed bug where Hex Code Wizard would disappear after clicking on elements within the editor.
v.1.0.3 Fixed bug where Hex Code Wizard would not load when opening the email editor.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Hex Code Wizard", "version": "1.0.3", "description": "Save and access brand colors directly in Klaviyo's email builder.", "icons": { "16": "/icons/hcw-16.png", "48": "/icons/hcw-48.png", "128": "/icons/hcw-128.png" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["https://*.klaviyo.com/email-template-editor/*"], "js": ["content.js"], "css": ["content.css"], "run_at": "document_end" } ], "options_page": "options.html", "permissions": ["storage"]}