Agno Theme

Author: devalexandreThemes in extension: 5

Themes inspired by Agno colors: graphite, light neutrals, orange accents and soft gray text.

GitHub

Color themes

Agno Light Soft

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: #f9f9f9, accent: #f25837 }
❯ 

rust-analyzer12src/theme.rs

14:23LFRustUTF-8

colors

UI color keys from this variant's theme style.

key	HEX	RGB	RGBA
accents
background
border
border.focused
border.selected
border.variant
created
created.background
deleted
deleted.background
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.document_highlight.bracket_background
editor.document_highlight.read_background
editor.document_highlight.write_background
editor.foreground
editor.gutter.background
editor.highlighted_line.background
editor.indent_guide
editor.indent_guide_active
editor.invisible
editor.line_number
editor.wrap_guide
element.active
element.background
element.hover
element.selected
elevated_surface.background
error
hint
icon
icon.accent
icon.muted
info
modified
modified.background
pane_group.border
pane.focused_border
panel.background
panel.focused_border
panel.indent_guide
panel.indent_guide_active
renamed
scrollbar.thumb.background
scrollbar.thumb.hover_background
scrollbar.track.background
search.match_background
status_bar.background
success
surface.background
tab_bar.background
tab.active_background
tab.inactive_background
terminal.ansi.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
terminal.foreground
text
text.accent
text.disabled
text.muted
text.placeholder
title_bar.background
title_bar.inactive_background
toolbar.background
warning

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
comment
constant
constructor
function
keyword
namespace
number
operator
property
punctuation
string
type
variable

settings.json

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

{
  "theme": {
    "mode": "system",
    "light": "Agno Light",
    "dark": "Agno Dark"
  }
}

Theme file