Modus Themes

Author: Vitaly SlobodinThemes in extension: 8

A complete set of accessible themes for Zed editor. These themes provide high contrast and color-blind friendly color combinations, ensuring readability and comfort for all users.

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: #fbf7f0, accent: #000000 }
❯ 

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.disabled
border.focused
border.selected
border.transparent
border.variant
conflict
conflict.background
conflict.border
created
created.background
created.border
debugger.accent
deleted
deleted.background
deleted.border
drop_target.background
drop_target.border
editor.active_line_number
editor.active_line.background
editor.active_wrap_guide
editor.background
editor.debugger_active_line.background
editor.diff_hunk.added.background
editor.diff_hunk.added.hollow_background
editor.diff_hunk.added.hollow_border
editor.diff_hunk.deleted.background
editor.diff_hunk.deleted.hollow_background
editor.diff_hunk.deleted.hollow_border
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.hover_line_number
editor.indent_guide
editor.indent_guide_active
editor.invisible
editor.line_number
editor.subheader.background
editor.wrap_guide
element.active
element.background
element.disabled
element.hover
element.selected
element.selection_background
elevated_surface.background
error
error.background
error.border
ghost_element.active
ghost_element.background
ghost_element.disabled
ghost_element.hover
ghost_element.selected
hidden
hidden.background
hidden.border
hint
hint.background
hint.border
icon
icon.accent
icon.disabled
icon.muted
icon.placeholder
ignored
ignored.background
ignored.border
info
info.background
info.border
link_text.hover
minimap.thumb.active_background
minimap.thumb.background
minimap.thumb.border
minimap.thumb.hover_background
modified
modified.background
modified.border
pane_group.border
pane.focused_border
panel.background
panel.focused_border
panel.indent_guide
panel.indent_guide_active
panel.indent_guide_hover
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
predictive
predictive.border
renamed
renamed.background
renamed.border
scrollbar.thumb.active_background
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
success.border
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.bright_foreground
terminal.dim_foreground
terminal.foreground
text
text.accent
text.disabled
text.muted
text.placeholder
title_bar.background
title_bar.inactive_background
toolbar.background
unreachable
unreachable.background
unreachable.border
version_control.added
version_control.conflict
version_control.conflict_marker.ours
version_control.conflict_marker.theirs
version_control.deleted
version_control.ignored
version_control.modified
version_control.renamed
version_control.word_added
version_control.word_deleted
vim.helix_normal.background
vim.helix_normal.foreground
vim.helix_select.background
vim.helix_select.foreground
vim.insert.background
vim.insert.foreground
vim.normal.background
vim.normal.foreground
vim.replace.background
vim.replace.foreground
vim.visual_block.background
vim.visual_block.foreground
vim.visual_line.background
vim.visual_line.foreground
vim.visual.background
vim.visual.foreground
vim.yank.background
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
_isinstance
_issubclass
_parent
attribute
boolean
charset
comment
concept
constant
constructor
diff.delta
diff.delta.moved
diff.minus
diff.plus
embedded
emphasis
emphasis.markup
emphasis.strong
emphasis.strong.markup
enum
error
function
import
keyframes
keyword
label
label.regex
lifetime
link_text
link_text.markup
link_uri
link_uri.markup
markup.heading
markup.link.url
media
module
namespace
nested
none
number
operator
predictive
preproc
primary
property
punctuation
punctuation.bracket
punctuation.bracket.html
punctuation.bracket.jsx
punctuation.bracket.regex
punctuation.delimiter
punctuation.delimiter.html
punctuation.delimiter.jsx
punctuation.delimiter.regex
punctuation.embedded.markup
punctuation.list_marker
punctuation.list_marker.markup
punctuation.markup
punctuation.special
selector.class
selector.id
selector.pseudo
storageclass
strikethrough.markup
string
string.escape
string.regex
string.special
string.special.symbol
supports
tag
text
text.jsx
text.literal
title
type
variable
variable.special
variant
warning

settings.json

Search for "Modus Themes" in the Zed extensions store, then paste the settings below.

{
  "theme": {
    "mode": "system",
    "light": "Modus Operandi",
    "dark": "Modus Vivendi"
  }
}

Theme file