Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Catppuccin Noir: Clean Modern Dark VS Code ThemeNew to Visual Studio Code? Get it now.
Catppuccin Noir: Clean Modern Dark VS Code Theme

Catppuccin Noir: Clean Modern Dark VS Code Theme

Alex Do

|
2,771 installs
| (2) | Free
Elevate your coding experience with Catppuccin Noir, a sleek and modern dark theme for Visual Studio Code. This Catppuccin-inspired color scheme combines the beloved palette with a fresh, minimalist approach for enhanced readability and reduced eye strain.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Catppuccin Noir: Clean Modern Dark VS Code Theme

Catppuccin Noir Banner Catppuccin Noir Banner 2

Elevate your coding experience with Catppuccin Noir, a sleek and modern dark theme for Visual Studio Code. This Catppuccin-inspired color scheme combines the beloved palette with a fresh, minimalist approach for enhanced readability and reduced eye strain.

Visual Studio Marketplace Version Visual Studio Marketplace Downloads Visual Studio Marketplace Rating

Features

  • 🌙 Elegant dark theme optimized for long coding sessions
  • 🎨 Carefully curated color palette based on Catppuccin
  • 📏 Clean, modern design for distraction-free coding
  • 🖥️ High contrast ratios for better readability
  • 🔧 Fine-tuned for popular programming languages
  • 👁️ Easy on the eyes, perfect for day and night use

Screenshots

JavaScript Example Python Example

Installation

  1. Open Extensions sidebar panel in VS Code. View → Extensions
  2. Search for Catppuccin Noir
  3. Click Install to install it
  4. Click Reload to reload the editor
  5. Code > Preferences > Color Theme > Catppuccin Noir

You can also install the theme directly from the Visual Studio Code Marketplace.

Customization

Catppuccin Noir can be customized to your liking. Check out the VS Code theme customization guide for more information.

Recommended Font

For the best experience with Catppuccin Noir, we recommend using SFMono Nerd Font Ligaturized. This font provides excellent readability and supports ligatures, enhancing your coding experience.

How to Add the Font to Your VS Code Settings

To use the recommended font with ligatures in Visual Studio Code, you can add the following configuration to your settings.json file:

{
    "editor.fontFamily": "Liga SFMono Nerd Font",
    "editor.fontLigatures": true
}

This will ensure that VS Code uses the SFMono Nerd Font for your editor, providing a clean and modern look, perfectly complementing the Catppuccin Noir theme.

Recommended File Icons

To complement Catppuccin Noir, we recommend using:

Catppuccin Perfect Icons

  • Publisher: Thang Nguyen
  • VS Marketplace Link

These icons will enhance your visual experience and maintain a cohesive look with the Catppuccin color palette.

Based On

Catppuccin Noir is based on:

Catppuccin Dark Fixed

  • Publisher: cofeek-code
  • VS Marketplace Link

We've built upon this excellent theme to create a refreshed, modern take on the Catppuccin style.

Contributing

We welcome contributions to Catppuccin Noir! Please see our CONTRIBUTING.md for more details on how to get started.

Feedback

If you have any suggestions or issues, please open an issue on our GitHub repository.

License

This theme is released under the MIT License.


Embrace the perfect blend of style and functionality. Try Catppuccin Noir today and transform your VS Code interface into a sophisticated, productivity-boosting workspace. Experience the ultimate dark theme for Visual Studio Code with Catppuccin Noir – where aesthetic meets efficiency in coding.

Tags

catppuccin, dark theme, color theme, vs code theme, vscode, visual studio code, noir, minimal, clean, modern, aesthetic, eye-friendly, low contrast, catppuccin-inspired, productivity, coding, programming, developer tools, customization, ui theme, syntax highlighting, workspace theme, night mode, dark mode, catppuccin variant, sleek design, readability, reduced eye strain, long coding sessions, minimalist, distraction-free, high contrast, code editor theme, IDE theme, beautiful theme, popular theme, trending theme

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft