Sakura Theme for Zed

The Codigrate Sakura theme for Zed. Preview the screenshot and the palette, then get it in a few steps.

Inspired by cherry blossom season and the quiet gardens beneath it, this theme pairs pale petal backgrounds with deep rose and plum accents to create a soft and unhurried coding environment. Light, gentle surfaces keep the editor calm, while muted greens and clear sky blues add balance and focus to key syntax elements.

A light theme from the Codigrate Nature collection, released 2023-10-17. Tags: Pastel, Soft, Elegant.

A free download from codigrate.com under the MIT licence: add it to your cart, enter the e-mail address the download link goes to, and get the theme file with its install steps.

Sakura theme for Zed, a screenshot

Getting started on Zed

  1. Download the zip with the Download button. Inside is one folder with the theme file ( themes/<name>.json ) and a small extension.toml.
  2. Copy the .json file from the themes folder into ~/.config/zed/themes/ ( the same path on macOS and Linux; on a Mac, Shift+Cmd+G in Finder takes you to the path ). If the folder is not there yet, create it.
  3. In Zed, open the theme selector with Cmd+K Cmd+T ( Ctrl+K Ctrl+T on Linux ) and pick the theme by name, and the theme is applied.
  4. Prefer an extension? In Zed open Extensions, click Install Dev Extension and choose the unzipped folder itself; the theme then shows in the selector the same way.

Sakura color palette

Every named color of the Sakura palette, free to download for MacOS, CorelDRAW and Figma.

Sakura on every platform

From the blog

  • Anatomy of a Light Theme: Sakura: Anatomy of Sakura, a light IDE theme: blossom white and petal pink backgrounds, a deep cherry foreground, and syntax in rose, garden green and sky blue.
  • HWB: Pick a Hue, Add White, Add Black: HWB reads like a mixing recipe: a hue, some white, some black. How sakura pink falls out of a rose hue drowned in white, and where hwb() works in CSS.
Codigrate

Codigrate