Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 33 additions & 0 deletions tips/theme-builder-customize.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
---
title: Build Custom Themes with Theme Builder
subtitle: Create and customize your perfect Zed theme visually
category: config
difficulty: beginner
tags:
- themes
- customization
- ui
mediaType: image
mediaUrl: 'https://cat.zed.tips/2026-01-29/zed-theme-builder.png'
publishedAt: '2026-01-29'
updatedAt: '2026-01-29'
author: godruoyi
authorUrl: 'https://github.com/godruoyi'
---

Zed's official **Theme Builder** lets you create and customize themes visually without writing any code. Whether you want to tweak an existing theme or build one from scratch, the Theme Builder makes it easy.

## Getting Started

1. Visit [zed.dev/theme-builder](https://zed.dev/theme-builder)
2. Choose a base theme to start from, or begin with a blank canvas
3. Customize colors using the visual editor
4. Preview your changes in real-time

## Key Features

**Visual Color Picker**: Click on any UI element to customize its color. No need to remember JSON structure or color codes.

**Real-time Preview**: See your changes instantly in a live Zed editor preview, showing how your theme looks with actual code.

**Export & Share**: When you're done, export your theme as a JSON file or share it with the community.