MOSS

01Palette

10 main colors, plus 6 made from them.

02Semantic Roles

Which color goes where.

03Syntax Highlighting

Green for structure, warm colors for values, plain text for the rest. not final means it may change.

//! Sample code to show the colors.

use std::collections::HashMap;

const MAX_DEPTH: usize = 64;

/// Tokenizes a source string into a flat list of tokens.
pub fn tokenize(input: &str) -> Result<Vec<Token>, ParseError> {
    let mut tokens: Vec<Token> = Vec::new();
    let mut depth: usize = 0;
    let keep_eol = false;

    for ch in input.chars() {
        match ch {
            '(' => depth += 1,
            ')' => depth = depth.saturating_sub(1),
            '\n' if keep_eol => tokens.push(Token::Eol),
            _ if ch.is_whitespace() => {}
            _ => tokens.push(Token::Char(ch)),
        }
        if depth > MAX_DEPTH {
            panic!("tree too deep");
        }
    }

    let balanced = depth == 0;
    if !balanced {
        return Err(ParseError::Unbalanced { depth, line: 1 });
    }
    Ok(tokens)
}

04UI & Editor States

How it looks in the editor.

05Terminal & ANSI Slots

The 16 terminal colors.

1. Bright colors are a bit lighter, not more saturated.
2. No pure black, no pure white.

06Contrast

Contrast ratios against the background. Some colors are low on purpose, so they stay quiet.

Selected text: fg on selection is 9.0:1.

07Ports

Ready-to-use themes, built from the spec. Download the file, or clone the repository and symlink it so a git pull updates the theme.

git clone https://github.com/gentilfp/moss_theme.git ~/Developer/moss_theme

mkdir -p ~/.config/ghostty/themes
ln -sf ~/Developer/moss_theme/ghostty/MOSS ~/.config/ghostty/themes/MOSS

# then add to ~/.config/ghostty/config
theme = MOSS

Reload with cmd+shift+, or restart Ghostty.

mkdir -p ~/.config/zed/themes
ln -sf ~/Developer/moss_theme/zed/moss.json ~/.config/zed/themes/moss.json

Pick MOSS in the theme selector (cmd-k cmd-t), or set "theme": { "mode": "dark", "dark": "MOSS", "light": "MOSS" } in ~/.config/zed/settings.json.

mkdir -p ~/.claude/themes
ln -sf ~/Developer/moss_theme/claude-code/moss.json ~/.claude/themes/moss.json

Pick MOSS in /theme, or set "theme": "custom:moss" in ~/.claude/settings.json.

mkdir -p ~/.pi/agent/themes
ln -sf ~/Developer/moss_theme/pi/moss.json ~/.pi/agent/themes/moss.json

Pick MOSS in /settings → Theme, or set "theme": "MOSS" in ~/.pi/agent/settings.json.

mkdir -p ~/.config/opencode/themes
ln -sf ~/Developer/moss_theme/opencode/moss.json ~/.config/opencode/themes/moss.json

Pick moss with /theme, or set "theme": "moss" in tui.json.

mkdir -p ~/.config/zennotes/themes/moss
cp ~/Developer/moss_theme/zennotes/manifest.json ~/.config/zennotes/themes/moss/
cp ~/Developer/moss_theme/zennotes/theme.css ~/.config/zennotes/themes/moss/

Copy, do not symlink: ZenNotes skips a symlinked theme folder. Pick MOSS under Settings → Appearance → Custom. Run the cp commands again after a git pull.

#141713, #2A3527, #7E9273, #B69A64

Open Preferences → Themes → Custom theme → Import, paste the string and click Apply. Slack adapts the colors to keep contrast, so they may shift slightly.

THEMES="$HOME/Library/Application Support/me.paolino.zapfast/themes"
mkdir -p "$THEMES"
ln -sf ~/Developer/moss_theme/zapfast/moss.json "$THEMES/moss.json"
zapfast reload-themes

Pick Moss under Settings → Appearance, or use Open themes folder there. On Linux the themes folder is ~/.config/zapfast/themes/, and ZapFast notices changes there by itself.

In Settings → Appearance choose Add a theme, then Choose files and pick t3code/moss.json — or paste the file's contents into the Theme JSON box. Pick MOSS. T3 Code keeps imported themes in its own library, so import the file again after a git pull.

Neovim, VS Code and other apps are coming later.