🚦

ColorGuard

Coming Soon

Detect rogue hardcoded colors and enforce your design system

The Problem

Large codebases have hundreds of hardcoded #3b82f6 values scattered everywhere, making design system adoption or rebranding a nightmare.

About

Scans your codebase for hardcoded hex/rgb values that should be design tokens. Highlights them inline, shows the nearest matching token, and can auto-replace them.

Free vs Pro

FREEVSCode Marketplace

✓Highlight hardcoded color values inline
✓Show nearest matching CSS variable on hover
✓Color usage summary panel

PROEverything in Free +

✦Auto-replace with correct token with one click
✦Bulk replacement across entire project
✦Allowlist for intentional overrides
✦Report of design system adoption % per file

Pro License

$19/ lifetime

or $9/year

✓ Lifetime updates included
✓ Activate on up to 3 devices
✓ License key — no account needed
✓ 30-day refund guarantee

Notify me when available

Secure checkout via LemonSqueezy