DevmateBB is a modern, clean dark theme for Visual Studio Code and Zed, entirely based on the official Android Material 3 dark color palette.
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
Open the Extensions sidebar panel in Visual Studio Code (View → Extensions).
Search for DevmateBB.
Click Install.
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
Open Zed.
Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and run zed: install dev extension.
Select this repository folder (devmatebb).
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: