Maya React Theme
A sleek, modern dark theme pack for Zed editor featuring Maya, Maya Black, Pure, and Winter.
How to install
With Forge Super installed, the button above opens the app on this extension, where you press Install. Nothing is installed until you do.
You can also open the Extensions panel in the app and search for Maya React Theme. The extension's id is maya-react-theme.
Don't have Forge Super yet? Download it here.
README
From the extension's repository, written by its authors and not by Mentenaz. See the source.
Maya React Theme Pack for Zed
A sleek, modern dark theme suite ported to the Zed code editor, featuring the flagship Maya theme alongside Maya Black, Pure, and Winter.
Inspired by One Dark Pro and Monokai, Maya blends a calming midnight navy workspace with carefully balanced pastel syntax highlighting to enhance readability and reduce eye fatigue.
🎨 Themes Included
| Theme | Background | Description |
|---|---|---|
| Maya (Flagship) | #161a26 | Deep midnight navy-slate workspace with warm golden amber (#e6b450) accents and pastel Monokai code highlighting. |
| Maya Black | #0b0e14 | Deep obsidian black variation with crisp slate borders and the signature Maya syntax palette. |
| Pure | #1b1d22 | Minimalist charcoal dark theme with cool monochrome accents. |
| Winter | #011627 | Deep ocean blue background with icy cyan and electric blue syntax colors. |
🔍 Maya Color Palette Highlights
Workbench & UI
- Editor Background:
#161a26 - Surface / Panel Background:
#171B26 - Dropdown & Input Background:
#141722 - Active Line Highlight:
#131721 - Borders & Separators:
#343B4D - Primary Accent / Cursor:
#e6b450(Golden Amber) - Selection Highlight:
#409fff4d(Translucent Sky Blue) - Search Match:
#6c598080(Muted Violet)
Syntax Highlighting (Tree-sitter)
- Keywords / Control Flow:
#B38CFF(Lavender Purple) - Functions & Methods:
#F29D79(Soft Peach / Coral) - Types & Classes:
#F0D8FF(Pastel Lilac) - Strings & Literals:
#82D99F(Mint Green) - Numbers & Units:
#F48CCA(Soft Rose / Pink) - Booleans & Constants:
#80BBFF(Sky Blue) - Variables & Parameters:
#DED47E(Soft Golden Olive) - Properties & Object Keys:
#E0E3EE(Ice Off-White) - HTML / JSX Tags:
#F2858C(Pastel Coral Red) - Comments:
#737780(Italic Slate) - Operators & Punctuation:
#D5D8E0(Soft Ash Gray)
🚀 Installation & Local Development in Zed
You can install and use this extension in Zed immediately during development:
- Open Zed.
- Press
Cmd + Shift + P(macOS) orCtrl + Shift + P(Linux/Windows) to open the Command Palette. - Type and select:
zed: install dev extension. - Browse to and select this directory:
/Users/yathink/projects/carbon-react-color-theme-zed - Open the theme switcher with
Cmd + K, Cmd + T(or commandtheme selector: toggle). - Select Maya or any of the other variants (Maya Black, Pure, Winter).
🔤 Recommended Font Settings
For the optimal coding experience with the Maya theme, pair it with JetBrains Mono or Fira Code:
In your Zed settings.json (Cmd + ,):
{
"theme": "Maya",
"buffer_font_family": "JetBrains Mono",
"buffer_font_size": 12.5,
"buffer_line_height": { "custom": 1.5 },
"colorize_brackets": true,
"cursor_blink": true,
"ui_font_size": 14.0,
"ui_font_weight": 400.0,
"ui_font_family": "JetBrains Mono"
}
📁 Repository Structure
carbon-react-color-theme-zed/
├── extension.toml # Zed extension manifest
├── themes/
│ ├── maya.json # Flagship Maya dark theme
│ ├── maya-black.json # Maya Black OLED theme
│ ├── pure.json # Minimalist Pure dark theme
│ └── winter.json # Deep Winter dark theme
├── README.md # Documentation & usage guide
├── LICENSE # MIT License
└── .gitignore
📄 License
This project is licensed under the MIT License. Author: Yathin K yathink3@gmail.com Original VS Code Theme: carbon-react-color-theme