diff --git a/tips/theme-builder-customize.mdx b/tips/theme-builder-customize.mdx new file mode 100644 index 0000000..dc28a07 --- /dev/null +++ b/tips/theme-builder-customize.mdx @@ -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.