Coding in the Sun

Author: tgrecojsThemes in extension: 1

A high-contrast light theme for Zed, ported from Coding in the Sun for VS Code

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: #ffffff, 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
border.variant
drop_target.background
editor.active_line_number
editor.active_line.background
editor.background
editor.foreground
editor.gutter.background
editor.highlighted_line.background
editor.indent_guide
editor.indent_guide_active
editor.line_number
editor.selection.background
editor.subheader.background
editor.wrap_guide
element.active
element.background
element.disabled
element.hover
element.selected
elevated_surface.background
ghost_element.active
ghost_element.hover
ghost_element.selected
icon
icon.accent
icon.disabled
icon.muted
icon.placeholder
link_text.hover
minimap.thumb.background
minimap.thumb.hover_background
panel.background
panel.overlay_background
panel.overlay_hover
scrollbar.thumb.background
scrollbar.thumb.hover_background
scrollbar.track.background
status_bar.background
surface.background
tab_bar.background
tab.active_background
tab.inactive_background
terminal.background
terminal.foreground
text
text.accent
text.disabled
text.muted
text.placeholder
title_bar.background
toolbar.background

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
embedded
emphasis
emphasis.strong
enum
function
function.builtin
function.definition
hint
keyword
keyword.import
label
link_text
link_uri
number
operator
predictive
predoc
primary
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
type.builtin
type.interface
type.super
variable
variable.builtin
variable.member
variable.parameter

settings.json

Search for "Coding in the Sun" in the Zed extensions store, then paste the settings below.

{
  "theme": {
    "mode": "light",
    "light": "Coding in the Sun",
    "dark": "Coding in the Sun"
  }
}

Theme file