vscode

vscode copied to clipboard

Rosé Pine for VSCode

All natural pine, faux fur and a bit of soho vibes for the classy minimalist

Usage

1. Open VSCode
2. Search for Rosé Pine in extensions
3. Install the theme and choose your variant in Preferences: Color theme
4. Optionally enable the included icon theme in Preferences: File Icon Theme

Gallery

Font used is Cartograph

Rosé Pine

Rosé Pine Moon

Rosé Pine Dawn

Disable italics

Add this snippet to your settings.json to disable italics for Rosé Pine

"editor.tokenColorCustomizations": {
  "[Rosé Pine*]": {
    "textMateRules": [
      {
        "scope": [
          "comment",
          "entity.other.attribute-name",
          "entity.other.inherited-class",
          "support.function",
          "variable",
          "meta.directive.vue"
        ],
        "settings": {
          "fontStyle": ""
        }
      }
    ]
  }
}

Thanks to

• mvllow
• fvrests