MacOS prism

Author: Arda HamamciogluThemes in extension: 2

A macOS-inspired Zed color theme with rich, colorful syntax highlighting for dark and light modes.

GitHub

Color themes

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: #f0f0f0ff, accent: #4078f2 }
❯ 

rust-analyzer12src/theme.rs

14:23LFRustUTF-8

colors

UI color keys from this variant's theme style.

key	HEX	RGB	RGBA
background
border
conflict
created
created.background
deleted
deleted.background
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.foreground
editor.gutter.background
editor.highlighted_line.background
editor.line_number
editor.subheader.background
editor.wrap_guide
element.active
element.background
element.hover
element.selected
elevated_surface.background
error
error.background
error.border
ghost_element.active
ghost_element.hover
ghost_element.selected
hidden
hint
hint.background
hint.border
icon
icon.muted
ignored
info
info.background
info.border
minimap.thumb.background
minimap.thumb.border
minimap.thumb.hover_background
modified
modified.background
panel.background
panel.overlay_background
panel.overlay_hover
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
player.7.background
player.7.cursor
player.7.selection
predictive
scrollbar.thumb.background
scrollbar.thumb.border
scrollbar.thumb.hover_background
scrollbar.track.background
scrollbar.track.border
search.active_match_background
search.match_background
status_bar.background
success
success.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
terminal.foreground
text
text.muted
text.placeholder
title_bar.background
toolbar.background
unreachable
version_control.added
version_control.conflict
version_control.deleted
version_control.ignored
version_control.modified
warning
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
enum
function
keyword
link_text
link_uri
number
operator
property
punctuation
punctuation.bracket
punctuation.delimiter
string
string.escape
string.regex
string.special
string.special.symbol
tag
text.literal
title
type
type.builtin
variable
variable.special

settings.json

Search for "MacOS prism" in the Zed extensions store, then paste the settings below.

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

Theme file