Bumble Coffee Theme for Visual Studio Code

📋 Table of Contents

• ✨ Features
• 🎨 Preview
• 🚀 Installation
• 🎛️ Using the Theme
• 🎨 Color Palette
• 🛠️ Development
• 🤝 Contributing
• 📄 License
• 💖 Credits

✨ Features

• 🎨 Beautiful dark and light theme inspired by the layers of a Bumble Coffee
• 👀 Optimized for high contrast and readability
• 🖥️ Supports all major programming languages
• 🌙 Two variants: Standard and Light

☕ The Inspiration

The Bumble Coffee Theme is a vibrant yet professional VS Code theme inspired by the refreshing layers of a Bumble Coffee (also known as an Espresso Orange). This theme captures the beautiful aesthetic of dark espresso merging with bright orange juice, providing a high-contrast experience that is easy on the eyes during long coding sessions.

What is a Bumble Coffee?

A Bumble Coffee is a refreshing, layered coffee drink that has become a staple in modern specialty cafes. It is typically prepared with:

• Caramel or Chocolate Syrup at the bottom (optional)
• Ice cubes
• Fresh Orange Juice (forming the bright yellow/orange base)
• Double shot of Espresso poured gently over the top (forming the dark cap)

The result is a visually stunning drink with distinct "bumblebee" stripes—vibrant orange and deep coffee brown—which are the core inspiration for this theme's color palette.

🎨 Preview

Dark Theme

Light Theme

🎨 Color Palette

This theme uses a coffee-inspired color palette derived directly from the bumble coffee aesthetics:

UI Variants

ANSI Terminal Colors

🚀 Installation

VS Code Marketplace

Open VSX Registry

🎨 Using the Theme

1. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P)
2. Type "Preferences: Color" and press Enter
3. Search for "Bumble Coffee"
4. Select either "Bumble Coffee" or "Bumble Coffee Light" from the list

Recommended Settings

For the best experience, add these to your settings.json:

{
  "workbench.colorTheme": "Bumble Coffee Theme",
  "editor.fontFamily": "'Victor Mono', Monaco, Menlo, 'Courier New', monospace",
  "editor.fontSize": 16,
  "editor.lineHeight": 1.5,
  "editor.fontWeight": "600",
  "editor.wordWrap": "on",
}

• Victor Mono

🎨 Theme Variants

• Bumble Coffee - Standard version with vibrant colors
• Bumble Coffee Light - Softer, desaturated version for reduced eye strain

🛠 Development

Prerequisites

• Node.js (v18+)
• pnpm or npm

Setup

# Install dependencies
pnpm install

# Build the theme
pnpm run build

# Package the extension
pnpm run package

Project Structure

├── src/
│   └── bumble-coffee.yml      # Theme source file (YAML)
├── theme/
│   ├── bumble-coffee.json     # Generated theme
│   └── bumble-coffee-light.json
├── scripts/
│   ├── build.js          # Build script
│   └── generate.js       # Theme generator
└── images/
    └── icon.png          # Extension icon

🤝 Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to:

1. Open an issue
2. Submit a pull request
3. Share your feedback

📬 Stay Updated

For updates, star this repository and follow me on GitHub.

💖 Credits

• Inspired by the refreshing colors of a Bumble Coffee drink
• Special thanks to the VS Code community for their amazing theming support
• This theme is based on the Dracula Theme schema, with colors adapted from the Bumble Coffee drink aesthetics.
• Thanks to all contributors who help improve this theme

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.