Back to What I want to exist

Existence file

css-custom-property-inspector

A VS Code-compatible extension for inspecting CSS custom properties from the editor. It exists because design-token systems are easier to maintain when authors can see values, definitions, fallbacks, and reference chains without manually searching a workspace.

Goal

Give CSS, SCSS, Less, and HTML authors useful hover feedback for custom property definitions, resolved var() chains, color swatches, selector context, and clickable source locations.

  • TypeScript
  • VS Code
  • CSS

Now

Where it is

The extension scans workspace stylesheets and HTML style blocks, keeps an index fresh through file watching, and exposes configurable hover behavior for resolved values, depth, include types, excludes, and file links.

Next

What comes next

  • Add a project GOAL.md so the long-term editor-tooling direction is captured outside the README.
  • Expand real-workspace test coverage around nested references, media-query context, and fallback handling.
  • Clarify compatibility and release expectations for VS Code, VS Codium, Cursor, and Windsurf users.