Catppuccin for VSCode
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:
Or if you are using VSCodium:
git clone https://github.com/catppuccin/vscode.git $HOME/.vscode/extensions/catppuccin-vsc
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! ✨
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": ""
}
}
]
}
},
- From the settings, change
window.titleBarStyle
tocustom
for the context menus to be properly rendered according to the theme.
- 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.
Copyright © 2021-present Catppuccin Org