Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>css-tokenNew to Visual Studio Code? Get it now.
css-token

css-token

MaxiBlinkz

| (0) | Free
A universal CSS design token snippet extension for VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

css-token

A universal CSS design token snippet extension for VS Code. Instantly spin up a scalable, theme-ready design system for your projects.

Features

  • Universal CSS custom properties for typography, color, spacing, radius, shadows, and more
  • Light and dark mode support
  • Easily modifiable for any project
  • Follows modern design system standards

Usage

  1. Install the extension in VS Code.
  2. In a CSS file, type css-token and select the snippet to insert the full token set.
  3. Edit the tokens as needed for your project.

Theme Switching

Add data-theme="dark" to your <body> or <html> to enable dark mode. See the snippet for details.

Supported Languages

  • CSS
  • SCSS
  • Less

Publisher

Publisher: DELL

License

See LICENSE for details.

Changelog

See CHANGELOG.md for release notes.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft