☕ 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)
Copy the cafe-aesthetic-theme folder to:
- Mac/Linux:
~/.vscode/extensions/
- Windows:
%USERPROFILE%\.vscode\extensions\
Restart VS Code
Open Command Palette → Preferences: Color Theme
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)
| |