Snow CSS IntelliSense

IntelliSense for Snow CSS. Powered by the @snowcss/lsp language server.

Features

Completions for token paths, function names, and modifiers (to px, to rem, negate, alpha).
Diagnostics for invalid token references, incompatible modifiers, and multi-value token misuse.
Hover documentation showing resolved token values and applied modifiers.
Inlay hints displaying resolved values inline (color hex codes, px equivalents, etc).
Color decorators for color tokens referenced in CSS.
Syntax highlighting for Snow CSS functions injected into CSS, SCSS, SASS, Less, Vue, Svelte, and Astro.

Requirements

The extension requires the @snowcss/lsp language server. It will search for the snowcss-lsp executable in your workspace node_modules/.bin and then in your global PATH. If not found, you'll be prompted to install it.

# Install locally
pnpm add -D @snowcss/lsp

# Or globally
pnpm add -g @snowcss/lsp

Monorepo note
The extension doesn't look for snowcss-lsp in nested packages. In a monorepo, add @snowcss/lsp in your root package.json or globally. Alternatively, you can point to a specific binary in the workspace via the snowcss.lsp.path setting.

Configuration

Setting	Type	Default	Description
`snowcss.lsp.path`	`string`	`null`	Custom path to the `snowcss-lsp` executable.
`snowcss.diagnostics`	`boolean \\| null`	`null`	Enable/disable diagnostics. Auto-detected when `null`.
`snowcss.inlayHints`	`boolean \\| null`	`null`	Enable/disable inlay hints. Auto-detected when `null`.
`snowcss.hover.disableBuiltinCss`	`boolean`	`false`	Disable VS Code's built-in CSS hover to show only Snow CSS info.

Note
It is highly recommended to disable VS Code's built-in CSS hover hints, because they interfere with Snow CSS's hover hints and make them much less useful.

Commands

All commands are available via the Command Palette under the Snow CSS category.

Command	Description
Restart Language Server	Restart the LSP server.
Reload Config	Reload `snow.config.*` without restarting.
Open Config	Find and open the nearest `snow.config.*`.
Show Output	Display the LSP output channel.
Reset LSP Install Prompt	Reset the LSP install prompt to retrigger LSP discovery on next activation.

License

MIT.