Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>DevmateBBNew to Visual Studio Code? Get it now.
DevmateBB

DevmateBB

Berk B.

|
14 installs
| (0) | Free
Custom VS Code & Zed theme by BB.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

DevmateBB Theme

DevmateBB Icon

DevmateBB is a modern, clean dark theme for Visual Studio Code and Zed, entirely based on the official Android Material 3 dark color palette.

DevmateBB Theme Preview

Features

  • Material You Design: Completely built from the ground up using Android Material 3 official colors (#141218, #D0BCFF, #CCC2DC, etc.).
  • Dual-Editor Support (VS Code & Zed): Works natively as both a Visual Studio Code extension and a Zed theme extension (v0.2.0 schema) from a single repository.
  • Semantic & Tree-sitter Highlighting: Balanced contrast for variables, keywords, types, and functions across both TextMate/Semantic tokens (VS Code) and Tree-sitter captures (Zed).
  • Eye-Friendly: Soft surfaces with vibrant primary and secondary colors for clear code reading.
  • 3 Variants:
    • DevmateBB: Standard Material 3 dark surface (#141218).
    • DevmateBB Vibrant: Deep AMOLED black surface (#000000) with high-contrast accents (#EADDFF).
    • DevmateBB Soft: Warmer, low-contrast dark surface (#1E1B22) with softer accents (#C0B0DF).

Installation

Visual Studio Code

  1. Open the Extensions sidebar panel in Visual Studio Code (View → Extensions).
  2. Search for DevmateBB.
  3. Click Install.
  4. Go to Preferences → Color Theme (Cmd+K Cmd+T / Ctrl+K Ctrl+T) and choose DevmateBB, DevmateBB Vibrant, or DevmateBB Soft.

Zed Editor

Option 1: Install as a Dev Extension

  1. Open Zed.
  2. Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and run zed: install dev extension.
  3. Select this repository folder (devmatebb).
  4. Open the Theme Selector (Cmd+K Cmd+T / Ctrl+K Ctrl+T) and select DevmateBB, DevmateBB Vibrant, or DevmateBB Soft.

Option 2: Manual Theme File Copy

Copy themes/devmatebb.json directly into your local Zed themes directory:

mkdir -p ~/.config/zed/themes
cp themes/devmatebb.json ~/.config/zed/themes/

Repository Structure (VS Code & Zed Coexistence)

  • package.json & vscode-themes/*.json: Visual Studio Code extension manifest and theme definitions.
  • .vscodeignore: Excludes Zed-specific files (extension.toml, themes/**) when packaging/publishing to the VS Marketplace via vsce.
  • extension.toml & themes/devmatebb.json: Zed extension manifest and official Zed v0.2.0 theme family definition.

License

MIT License © 2026 Berk Babadoğan

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft