Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>DLS BuddyNew to Visual Studio Code? Get it now.
DLS Buddy

DLS Buddy

Gaurav Rajput

|
2 installs
| (0) | Free
Suggest CSS variable replacements for hex colors in CSS/SCSS files.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Hex to CSS Var Suggest

A Visual Studio Code extension that suggests CSS variable replacements for hex colors in CSS/SCSS files.

Features

  • Automatically suggests CSS variable replacements for hex color values
  • Works with both CSS and SCSS files
  • Configurable via token mapping configuration file

Requirements

  • VS Code 1.85.0 or higher

Extension Settings

This extension contributes the following settings:

  • hexToCssVar.configPath: Path to the token map configuration file relative to the workspace root. Defaults to 'token-map.config.json' in the project root.

How to Use

  1. Set up your token-map.config.json file with your color variable mappings
  2. Open a CSS or SCSS file
  3. When typing or editing hex color values, the extension will suggest variable replacements based on your configuration

Release Notes

0.0.1

Initial release

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