catppuccin-vscode-icons: A TypeScript repository from quentinguidee

Catppuccin icons

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Features

Soothing colors from the Catppuccin palette.
Ever growing collection of language/technology specific icons.
Look and feel consistency.
Customization features (coming soon™).

Usage

Preferred method of installation

Install the extension from a Marketplace:

Manual method for installation

Download the VSIX from the latest GitHub release. Open the Command Palette and select "Extensions: Install from VSIX...", then open the file you just downloaded.

Customization

Note

We also have a Catppuccin Theme!

Settings

We provide some options to further customize your catppuccin experience:

{
  // set to true to disable folding arrows next to folder icons
  "catppuccin-icons.hidesExplorerArrows": false,

  // set to false to only use default folder icon
  "catppuccin-icons.specificFolders": true,

  // set this to true to only use `Text` color for all icons
  "catpuccin-icons.monochrome": false
}

To see all available options, open your settings UI and look for Extensions > Catppuccin Icons.

Important

Changing settings regenerates/rewrites theme files and icons. It may take some time on lower spec configs. You may also be prompted to reload the window for changes to take effect.

Custom icon associations

You can also associate specific languagesIds/fileExtensions/fileNames/folderNames to icons and override the provided defaults:

{
  // custom languageId/icon associations
  "catppuccin-icons.associations.languages": {
    "typescriptreact": "typescript-react"
  },

  // custom extension/icon associations
  "catppuccin-icons.associations.extensions": {
    "spec.ts": "typescript-test"
  },

  // custom file/icon associations
  "catppuccin-icons.associations.files": {
    "vite.config.ts": "vite"
  },

  // custom folder/icon associations
  "catppuccin-icons.associations.folders": {
    "typings": "folder_types"
  }
}

Note

All icons available are listed in the previews. Custom/external SVGs are not supported, you may request icons.

Commands

We provide a set of commands to interact with the extension and icons if needed, they are prefixed with Catppuccin Icons::

Factory reset settings: removes all customization and resets the theme to its factory defaults.

Requesting icons and features

To request a new icon or a specific feature, open an issue documenting everything needed, the more info the faster your request will be processed.

Contributing

If you are willing to contribute, new icons or features, refer to the contribution guide.

quentinguidee/catppuccin-vscode-icons