CSS Variables Inspector avatar

CSS Variables Inspector

Pricing

Pay per usage

Go to Apify Store
CSS Variables Inspector

CSS Variables Inspector

Extracts every CSS custom property (--var-name) declared or referenced on a webpage. Returns properties grouped by :root and other selectors, plus var() references with no matching declaration. For design-system audits, theme migrations, brand-token extraction.

Pricing

Pay per usage

Rating

0.0

(0)

Developer

Coleton Patton

Coleton Patton

Maintained by Community

Actor stats

0

Bookmarked

2

Total users

1

Monthly active users

2 days ago

Last modified

Categories

Share

Extract every CSS custom property (--var-name) declared or referenced on any webpage. Useful for design-system audits, theme migrations, brand-token extraction, and competitive design analysis.

Port of the CSS Variables Inspector Chrome extension (18 active users, growing organically) to a programmatic API.

Use cases

  • Design system audit — pull all design tokens from a competitor's site to compare
  • Theme migration — extract every var() reference before refactoring to a new design system
  • Brand color extraction — find the canonical hex/hsl values without screenshotting
  • CSS hygiene — detect var(--foo) references with no matching declaration (dead variables / broken references)

Input

{ "url": "https://example.com" }

Or batch:

{ "urls": ["https://stripe.com", "https://linear.app", "https://vercel.com"] }

Output (per URL)

{
"url": "https://stripe.com",
"totalDeclarations": 142,
"rootCount": 87,
"otherScopeCount": 12,
"usedButNotDefinedCount": 3,
"root": {
"--brand-primary": "#635bff",
"--brand-secondary": "#0a2540",
"--space-1": "4px",
"--space-2": "8px"
/* ... 83 more ... */
},
"byScope": {
".dark-theme": {
"--brand-primary": "#7a73ff"
}
},
"usedButNotDefined": [
"--legacy-blue",
"--old-token"
],
"scannedAt": "2026-05-15T22:00:00.000Z",
"scannerVersion": "1.0.0"
}

Pricing

  • Free tier: 50 pages/month
  • Standard: $0.01 per page
  • Subscription: $19/month for 5,000 pages

Higher per-call cost than the Security Headers Scanner because this Actor uses Playwright (browser-based scraping) rather than plain fetch.