Aesthetic Theme

Author: Manoj JoshiThemes in extension: 1

A soft, eye-comforting bluish dark theme for Zed. made with love 💝

GitHub

Zed preview

macOS Zed window using this variant's theme style.

coding-thememain/zed

coding-theme

src

theme.rsM

palette.jsonU

main.rs

Cargo.tomlM

README.md

theme.rs

palette.json

src›theme.rs

FixSelections

//! Palette tokens for the Zed buffer.

use gpui::{Hsla, px};unused import: `px`

const MAX_LUM: f32 = 0.5;

#[derive(Clone, Debug)]

pub struct Palette { background: Hsla }

impl Palette {

pub fn is_dark(&self) -> bool {

self.background.l < MAX_LUM

}

}

fn main() {

let palette = Palette { background: Hsla::from(0x282c33) };

let fallback = true;

println!("{palette:#?}");

}

coding-theme

~/coding-theme on zed ❯ cargo run --release
   Compiling coding-theme v0.1.0 (/Users/zed/coding-theme)
    Finished `release` profile [optimized] target(s) in 4.82s
     Running `target/release/coding-theme`
theme: Palette { background: #16172d, accent: #61afef }
❯ 

rust-analyzer12src/theme.rs

14:23LFRustUTF-8

colors

UI color keys from this variant's theme style.

key	HEX	RGB	RGBA
background
border
border.disabled
border.focused
border.selected
border.transparent
border.variant
conflict
conflict.background
conflict.border
created
deleted
deleted.background
deleted.border
drop_target.background
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.document_highlight.read_background
editor.document_highlight.write_background
editor.foreground
editor.gutter.background
editor.line_number
editor.wrap_guide
element.background
element.hover
element.selected
elevated_surface.background
error.background
error.border
ghost_element.hover
ghost_element.selected
hidden
hint
hint.background
hint.border
icon
ignored
link_text.hover
modified
pane.focused_border
panel.background
panel.focused_border
player.0.background
player.0.cursor
player.0.selection
player.1.background
player.1.cursor
player.1.selection
player.2.background
player.2.cursor
player.2.selection
player.3.background
player.3.cursor
player.3.selection
player.4.background
player.4.cursor
player.4.selection
player.5.background
player.5.cursor
player.5.selection
player.6.background
player.6.cursor
player.6.selection
predictive
scrollbar.thumb.background
scrollbar.thumb.border
scrollbar.thumb.hover_background
scrollbar.track.background
scrollbar.track.border
status_bar.background
surface.background
tab_bar.background
tab.active_background
tab.inactive_background
terminal.ansi.black
terminal.ansi.blue
terminal.ansi.bright_black
terminal.ansi.bright_blue
terminal.ansi.bright_cyan
terminal.ansi.bright_green
terminal.ansi.bright_magenta
terminal.ansi.bright_red
terminal.ansi.bright_white
terminal.ansi.bright_yellow
terminal.ansi.cyan
terminal.ansi.green
terminal.ansi.magenta
terminal.ansi.red
terminal.ansi.white
terminal.ansi.yellow
terminal.background
text
text.accent
text.muted
text.placeholder
title_bar.background
toolbar.background
warning.background
warning.border

syntax

Syntax capture colors from the theme style. Italic and bold are not listed — the preview above shows them in the code.

capture	HEX	RGB	RGBA
attribute
boolean
comment
comment.doc
constant
constructor
function
keyword
label
link_text
link_uri
number
operator
preproc
property
punctuation
punctuation.bracket
punctuation.delimiter
punctuation.list_marker
punctuation.special
string
string.escape
string.regex
string.special
string.special.symbol
tag
text.literal
title
type
variable
variable.special

settings.json

Search for "Aesthetic Theme" in the Zed extensions store, then paste the settings below.

{
  "theme": {
    "mode": "dark",
    "light": "aesthetic(blue)",
    "dark": "aesthetic(blue)"
  }
}

Theme file