Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>PassionNew to Visual Studio Code? Get it now.
Passion

Passion

themr

|
571 installs
| (0) | Free
Just a beautiful theme to express some colors for passion
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

PASSION THEME

Installation

  • Open the Extensions sidebar in VS Code
  • Search for Passion Theme
  • Click Install and Reload
  • Open the Command Palette with Ctrl+Shift+P
  • Select Preferences: Color Theme and choose a Passion variant.
  • Enjoy! 🎉 Also, check out some of the personalization options below...

preview

Personalization

VS Code makes it easy to customize just about every aspect of your editor. If you want to change something, open the Command Palette with Ctrl+Shift+P and select Preferences: Open Settings (JSON). You can then override VS Code's defaults or Passion's colors in the right side of the settings view. Check out some of the personalization options below to customize Passion to suit your taste.

For more info on theming, visit the Extension Authoring Guide and Theme Color Reference.

Sidebar Contrast

"workbench.colorCustomizations": {
  "activityBar.background": "#1E2028",
  "activityBar.border": "#1E2028",
  "sideBar.background": "#1E2028",
  "sideBar.border": "#1C1E26"
}

Tag Brackets <>

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "name": "HTML tag brackets",
      "scope": ["punctuation.definition.tag"],
      "settings": {
        "foreground": "#BBBBBB"
      }
    }
  ]
}

License

MIT © David Pastor

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