css-var-kit

v0.4.0 · by jo16oh · added 3 November 2026

Type-aware completion and linting for CSS variables.

Language servers

How to install

With Forge Super installed, the button above opens the app on this extension, where you press Install. Nothing is installed until you do.

You can also open the Extensions panel in the app and search for css-var-kit. The extension's id is css-var-kit-lsp.

Don't have Forge Super yet? Download it here.

README

From the extension's repository, written by its authors and not by Mentenaz. See the source.

css-var-kit for Zed

Zed extension that provides type-aware CSS variable completion, diagnostics, rename, and go-to-definition by wrapping the cvk language server.

Installation

Install the css-var-kit extension from Zed's Extensions panel.

The extension resolves the cvk binary in this order:

lsp.css-var-kit.binary.path in your Zed settings
cvk on $PATH (e.g., installed via cargo install css-var-kit or npm install -D css-var-kit)
The matching css-var-kit-{platform}-{arch}.tar.gz from the latest GitHub release, downloaded automatically into the extension's working directory

Configuration

If a cvk.json or cvk.jsonc exists in the workspace root, it takes precedence and initialization_options are ignored.

Example settings.json:

{
  "lsp": {
    "css-var-kit": {
      "binary": {
        "path": "/usr/local/bin/cvk",
        "args": ["lsp", "--log"]
      },
      "initialization_options": {
        "rootDir": ".",
        "lookupFiles": ["**/*.css"],
        "rules": {
          "no-undefined-variable-use": "error",
          "no-variable-type-mismatch": "error",
          "no-inconsistent-variable-definition": "error",
          "enforce-variable-use": "off"
        },
        "lsp": {
          "logFile": "/path/to/cvk.log"
        }
      }
    }
  }
}

See docs/config.md for the full set of options.