aproposts / vscode

🦌 Soothing pastel theme for VSCode/VSCodium

Catppuccin for VSCode

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

Preferred method of installation

• Install the extension from the marketplace.
  OR
• Open Visual Studio Code. Launch Quick Open by pressing Ctrl+P and typing ext install Catppuccin.catppuccin-vsc.

Manual method for installation

1. Clone this repository into the extensions folder of VSCode:

   git clone https://github.com/catppuccin/vscode.git $HOME/.vscode/extensions/catppuccin-vsc
   

   Or if you are using VSCodium:

   git clone https://github.com/catppuccin/vscode.git $HOME/.vscode-oss/extensions/catppuccin-vsc
   

2. Open the app and type:
   • macOS: CMD+K CMD+T
   • Linux/Windows: CTRL+K CTRL+T
3. Select theme flavour from the list.
4. Enjoy! ✨

Disable Italics

To prevent any italics from showing, please copy & paste the following configuration into your settings.json

"editor.tokenColorCustomizations": {
  "[Catppuccin Frappé][Catppuccin Macchiato][Catppuccin Mocha]": {
    "textMateRules": [
      {
        "scope": [
          "entity.name.function",
          "support.function",
          "variable.parameter.function",
          "variable.parameter.function-call",
          "constant.language",
          "entity.name.function.rust",
          "keyword.control.rust",
          "variable.language.rust",
          "variable.other.rust",
          "variable.other.lua",
          "keyword.control.directive",
          "keyword.other.using.directive",
          "punctuation.definition.directive",
          "entity.name.other.preprocessor.macro.predefined.probably",
          "entity.name.scope-resolution.cpp",
          "string.quoted.docstring.multi",
          "string.quoted.multi",
          "source.python string.quoted.docstring.multi.python punctuation.definition.string.begin.python",
          "source.python string.quoted.docstring.multi.python punctuation.definition.string.end.python",
          "source.python string.quoted.multi.python punctuation.definition.string.begin.python",
          "source.python string.quoted.multi.python punctuation.definition.string.end.python",
          "markup.fenced_code.block",
          "meta.function-call.generic.python",
          "entity.name.function",
          "meta.require",
          "support.function.any-method",
          "variable.function",
          "markup.italic",
          "punctuation.definition.italic",
          "todo.emphasis",
          "comment",
          "punctuation.definition.comment",
          "comment.line.double-slash",
          "comment.block.documentation",
          "keyword.control.import.python",
          "storage.type.function.python",
          "markup.italic.markdown",
          "entity.other.attribute-name.ts",
          "entity.other.attribute-name.js",
          "entity.other.attribute-name.jsx",
          "entity.other.attribute-name.tsx",
          "variable.parameter",
          "variable.language.super"
        ],
        "settings": {
          "fontStyle": ""
        }
      }
    ]
  }
},

Note

• From the settings, change window.titleBarStyle to custom for the context menus to be properly rendered according to the theme.

Development

1. Clone and open this repository in VSCode.
2. Press Ctrl+F5 (or CMD+F5) to open a new VSCode instance.
3. The new instance's theme elements will update when modifications are performed from the original instance.

💝 Thanks to

• VictorTennekes
• Gingeh
• BrunDerSchwarzmagier
• ghostx31
• Ren  

Copyright © 2021-present Catppuccin Org