catpuccin-vscode: A repository from nikvdp

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

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

Open the app and type:
- macOS: CMD+K CMD+T
- Linux/Windows: CTRL+K CTRL+T
Select theme flavour from the list.
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

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