Apply generated color palettes straight to your website!

Latest Version

Version
1.2.2
Update
September 30, 2024
Size
837KiB
Developer
chromafy.vercel.app
Category
Users
48
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Scripting
See more

Chromafy Extension

Easiest way to test colors straight into your own website!
Say goodbye to the hassle of trying out different colors one by one. Browse through, generate and customize color palettes while applying them to any website simultaneously, all with just a few tweaks in the code.

Chromafy helps users apply color palettes to any website. User can generate different color palettes, customize them, export them as css code or download as a file, and go to previously selected palettes. These palettes are then applied to the website in the background when the extension is launched. The user has to give certain class names to html elements or use css variables and the appropriate colors will be given to those elements. It can be helpful for users who want to select the best colors for their website on their own website as a playground.

Example showing use of class names to apply color palettes:
class = \"bg-chroma-secondary-25\"
Applies the secondary color from your palette with 25% opacity to the background (CSS background-color property) of an element.

class = \"fg-chroma-primary\"
Applies the primary color from your palette to the foreground text (CSS color property) of an element.

CSS variables can be used similarly, it does not require specifiying \"bg\" or \"fg\":
{
background-color: var(--chroma-primary-75, #fff);
}

refer to the documentation here to understand everything related to Chromafy: https://chromafy.vercel.app/docs/setup


Updates:

• Version 1.2
- reduced extension size by 90%
1.2.2
- UI bug fix: export popup now closes on clicking close button

• Version 1.1
- rearranged buttons, updated icons
- added information card
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Chromafy", "description": "Apply generated color palettes straight to your website!", "version": "1.2.2", "icons": { "16": "images/chromafy_logo_16.png", "32": "images/chromafy_logo_32.png", "48": "images/chromafy_logo_48.png", "128": "images/chromafy_logo_128.png" }, "background": { "service_worker": "background.js" }, "action": { "default_icon": {} }, "permissions": ["activeTab", "scripting"], "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+B", "mac": "Command+B" } } }, "content_scripts": [ { "matches": [""], "js": ["contentScript.js"] } ], "web_accessible_resources": [ { "resources": ["/dist/assets/*.js", "/dist/assets/*.css", "/styles/*.css"], "matches": [""] } ]}
Read more

Similar Extensions

icon

IKiPop by IKiBlast Extension · Productivity 48 2 ★ 1.89MiB

icon

Screen Ruler - Measure The Web Extension · Developer Tools 48 26 ★ 1.97MiB

icon

MidPrompts · Your Midjourney Prompt Organizer Extension · Photos 48 6 ★ 2.99MiB

icon

Tabulous Extension · Productivity 48 9 ★ 327KiB

icon

Saturn IOS/Android like Start Page Extension · Productivity 48 1 ★ 2.49MiB

icon

HR Prompt Extension · Productivity 48 1 ★ 193KiB

icon

blurrit Extension · Productivity 48 3 ★ 701KiB

icon

Claude Helper Extension · Productivity 48 10 ★ 32.91KiB

icon

Vind: Keyboard Shortcuts for Every Website Extension · Productivity 48 3 ★ 1.52MiB

icon

Linkinize - Bookmark Manager for Teams Extension · Productivity 48 7 ★ 4.12MiB

icon

1-Click Screenshot Extension · Productivity 48 0 ★ 20.28KiB

icon

TabPunk Extension · Productivity 48 18 ★ 737KiB

icon

smudge.ai Extension · Productivity 48 6 ★ 20.87MiB

icon

Reply Boy Extension · Social & Communication 48 31 ★ 93.36KiB

icon

Collecta Extension · Photos 48 0 ★ 75.16KiB

icon

Heystak Extension · Productivity 48 2 ★ 184KiB

icon

ChatGPT Prompt Generator for Business Extension · Productivity 48 8 ★ 46.24KiB

icon

Bookmark Folders for ChatGPT Extension · Productivity 48 16 ★ 140KiB

icon

Conveuro Extension · Productivity 48 11 ★ 608KiB

icon

Creative Fuel Extension · Social & Communication 48 9 ★ 154KiB

icon

Open Science Lens Extension · Productivity 48 2 ★ 261KiB

icon

ai voice cover Extension · Productivity 48 22 ★ 410KiB

icon

Pinalist - Bookmark Manager Extension · Productivity 48 2 ★ 3.41MiB

icon

Aginsi - AI Summarizer & Research Toolbar Extension · Productivity 48 1 ★ 894KiB