Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>vscode-auto-cssinjs-colorNew to Visual Studio Code? Get it now.
vscode-auto-cssinjs-color

vscode-auto-cssinjs-color

natamox

|
54 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-auto-cssinjs-color README

Auto replace your css color variables by a command

Start

Ctrl + Shift + P -> AutoCssInJsColor

Config

edit settings.json

{
  "autoCssInJsColor": {
    "colorPrefix": "Color",
    "importPath": "import { Color } from '@styles';",
    "color": {
      "@color-primary-1": "#4d67be",
      "@color-info-1": "#5b97bd",
      "@color-success-1": "#47a992",
      "@color-warning-1": "#cb9433",
      "@color-error-1": "#e16f64",
      "@color-grey-1": "#0d0f12",
      "@color-chart-color-1": "#303c46"
    }
  }
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft