Cozy Latte Theme

A warm, coffee-inspired VS Code theme collection — Cozy Latte Light and Cozy Latte Dark.

Designed for long, comfortable coding sessions. Like a warm latte beside your keyboard while building your next idea.

Features

• Two themes in one extension — Light & Dark modes
• Warm coffee-inspired palette with soft contrast
• Eye-friendly for extended coding sessions
• Full syntax highlighting for JavaScript, TypeScript, React, JSX, HTML, CSS, JSON, Python, Markdown
• Complete UI theming: editor, sidebar, activity bar, tabs, terminal, git, notifications
• Semantic token highlighting support
• Low-saturation, premium aesthetic

Screenshots

Cozy Latte Light

Warm cream background with soft pastel accents. Like coding in a sunlit cafe.

Cozy Latte Dark

Deep warm brown tones with golden highlights. Like coding under a cozy lamp at night.

Color Palette

Light Mode

Dark Mode

Installation

1. Open the Extensions view in VS Code (Ctrl+Shift+X)
2. Search for "Cozy Latte"
3. Click Install
4. Open Command Palette (Ctrl+Shift+P) → Preferences: Color Theme → select Cozy Latte Light or Cozy Latte Dark

Or install from the Visual Studio Marketplace.

Customization

Both themes are fully customizable via VS Code settings:

{
  // Override any color in your settings.json
  "workbench.colorCustomizations": {
    "editor.background": "#FCFAF7",
    "activityBar.background": "#F3EDE6"
  }
}

Supported Languages

Optimized syntax highlighting for:

• JavaScript / TypeScript
• React / JSX / TSX
• HTML / CSS / SCSS
• JSON / YAML
• Python
• Markdown
• And more...

Credits

Designed by Li Lin Huang — inspired by cozy cafes, warm lighting, and the joy of comfortable coding.

License

Non-Commercial License — Free for personal, educational, and non-commercial use.