Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>VSCode Theme CSS VariablesNew to Visual Studio Code? Get it now.
VSCode Theme CSS Variables

VSCode Theme CSS Variables

xiaohuohumax

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

vscode-theme-css-variables

Downloads Installs License Last Commit Stars

VSCode Theme CSS Variables is a VSCode extension that provides CSS variables snippets for VSCode themes.

⏬ Install

VSCode Extensions Select VSCode Theme CSS Variables

📖 Use

vscode

📦 Add

Add base css variables. themeing.ts#L68

  • vscode-font-family
  • vscode-font-weight
  • vscode-font-size
  • vscode-editor-font-family
  • vscode-editor-font-weight
  • vscode-editor-font-size

Add escape style css variables.

/* variable */
/* diffEditor.move.border */
/* testing.message.error.decorationForeground */

/* base */
--vscode-diffEditor-move-border
--vscode-testing-message-error-decorationForeground

/* escape style */
--vscode-diffEditor-move\.border
--vscode-testing-message\.error\.decorationForeground

escape

⚙ Options

  • vscodeThemeCSSVariables.activationLanguages: Activation languages
    • default: [ "css", "less", "scss", "sass", "stylus", "html", "svelte" ]

Default Activation Language

  • css
  • less
  • scss
  • sass
  • stylus
  • html
  • svelte

🎉 Thanks

connor4312/vscode-css-theme-completions

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