Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Café AestheticNew to Visual Studio Code? Get it now.
Café Aesthetic

Café Aesthetic

Zaki Ul Hassan

|
2 installs
| (0) | Free
A cozy café-inspired VS Code theme in Espresso (dark) and Café Latte (light).
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

☕ Café Aesthetic - VS Code Theme

A cozy café-inspired theme with two variants:

Variant Feel
Espresso (dark) Deep espresso browns, gold syntax, warm cream text
Café Latte (light) Warm linen base, rich espresso text, amber highlights

🎨 Color Palette

Espresso (Dark)

  • Background: #1C1410 - deep roasted espresso
  • Foreground: #D4B896 - warm steamed cream
  • Keywords: #C9913D - liquid gold
  • Strings: #8FAF7E - sage green
  • Functions: #D4956A - golden terracotta
  • Numbers: #E8C97D - honey amber
  • Comments: #7A6550 - muted mocha (italic)

Café Latte (Light)

  • Background: #FAF6F0 - warm linen
  • Foreground: #3D2B1F - rich espresso
  • Keywords: #8B5E2A - dark amber (bold)
  • Strings: #5A7A4A - sage green
  • Functions: #9B4F2A - terracotta
  • Numbers: #9B7A1A - dark gold
  • Comments: #9C8A7A - warm taupe (italic)

🛠️ Installation (Local Dev)

  1. Copy the cafe-aesthetic-theme folder to:

    • Mac/Linux: ~/.vscode/extensions/
    • Windows: %USERPROFILE%\.vscode\extensions\
  2. Restart VS Code

  3. Open Command Palette → Preferences: Color Theme

  4. Select Café Aesthetic - Espresso or Café Aesthetic - Latte


📦 Publish to Marketplace (Optional)

npm install -g @vscode/vsce
cd cafe-aesthetic-theme
vsce package       # creates a .vsix file
vsce publish       # publishes to VS Code Marketplace (needs PAT)
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft