Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>CozyCat ThemeNew to Visual Studio Code? Get it now.
CozyCat Theme

CozyCat Theme

ayusshere

|
19 installs
| (1) | Free
Cozycat: a calm and elegant theme for long coding sessions.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CozyCat for VSCode


CozyCat is a warm, calm, and elegant dark theme 🌙 for Visual Studio Code, designed to make coding comfortable and enjoyable for long sessions. With soft colors and subtle contrasts, CozyCat reduces eye strain 👀 while keeping your code readable and beautiful 🎨.


Features ✨

  • 🌑 Dark, soothing color palette
  • 🎯 Carefully selected syntax highlighting for better readability
  • 🧘 Minimalistic UI elements for a distraction-free experience
  • 🖥️ Eye-friendly design for long working hours

Preview 👀

Editor Screenshot

Language-wise Examples 💻

Python 🐍 Python Example
JavaScript ⚡ JavaScript Example
Java ☕ Java Example
C++ 💻 C++ Example
HTML 🌐 HTML Example
CSS 🎨 CSS Example
Go 🐹 Go Example
Rust 🦀 Rust Example
JSON 📄 JSON Example

Installation 🚀

From Marketplace

Bring some coziness to your VS Code! 🌙 Install CozyCat Theme from the Marketplace or search “CozyCat Theme” in your Extensions panel.

From VSIX

  1. Open Command Palette → Extensions: Install from VSIX...
  2. Select your .vsix file
  3. Go to Preferences → Color Theme → choose CozyCat

Usage 🎛️

To activate the theme:
Command Palette → Preferences: Color Theme → CozyCat

Enjoy a clean, calm, cozy coding environment 😺.


Customization 🎨

You can style different parts of your code—like comments, keywords, or function names—using italic, bold, both, or leave them normal.
If you don’t want any style, just use "".

How it works ⚙️

  • scope → Defines which part of your code the style applies to
    • Examples: "comment", "keyword", "entity.name.function"
  • fontStyle → Defines the style applied to that scope
    • "italic" → makes text italic
    • "bold" → makes text bold
    • "italic bold" → both italic and bold
    • "" → normal (no style)

You can combine multiple scopes in a single block.

Example 📝

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": "comment",           
            "settings": { "fontStyle": "italic" }  
        },
        {
            "scope": "keyword",           
            "settings": { "fontStyle": "bold" }  
        },
        {
            "scope": "entity.name.function",  
            "settings": { "fontStyle": "italic" }  
        }
    ]
}

My Configuration 🧘‍♂️

Font Source - Maple Mono
Icon Theme - Material Icon Theme

    "editor.fontFamily": "Maple Mono NF,JetBrainsMono Nerd Font",
    "editor.fontSize": 20.5,
    "editor.fontLigatures": "'calt','ss11','ss06','ss10','ss03'",
    "editor.lineNumbers": "relative",
    "editor.cursorBlinking": "expand",
    "terminal.integrated.fontSize": 17,

Contributing 👥

Pull requests and ideas are always welcome.
If you spot something that could feel smoother, brighter, or cozier,
open an issue and let the theme grow with your touch. ✨

License ©️

MIT License

About the Author 👤

Designed by Ayush Namdev

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