Visual Studio Code

Yotei

The original Yotei palette, inspired by a purple-red sky at dawn and tuned for warm dark editor sessions. Switch between code samples to see how the editor palette behaves in real snippets.

Appearance dark Source Visual Studio Code
Yotei
type Theme = {
  name: string;
  accent: string;
  previewable: boolean;
};

const yotei: Theme = {
  name: "Yotei",
  accent: "#FD4200",
  previewable: true
};

export function describe(theme: Theme) {
  return `${theme.name} glows at dawn.`;
}
---
const { name, accent } = Astro.props;
---

<article class="theme-card" style={`--accent: ${accent}`}>
  <p>Featured theme</p>
  <h2>{name}</h2>
  <a href={`/themes/${name.toLowerCase()}`}>Preview</a>
</article>
#[derive(Debug)]
struct Color<'a> {
    name: &'a str,
    value: &'a str,
}

fn main() {
    let accent = Color {
        name: "sunrise",
        value: "#FD4200",
    };

    println!("{:?}", accent);
}
{
  "name": "Yotei",
  "type": "dark",
  "colors": {
    "editor.background": "#211925",
    "editor.foreground": "#FEF7FF",
    "focusBorder": "#FD4200"
  }
}
# Yotei

A **dark theme** inspired by a purple/red sky at dawn.

- Editor UI preview
- Syntax highlighting
- Terminal palette

> Built to feel warm, calm, and sharp.
Terminal
➜ yotei git:(main) npm run build
✓ Generated previews from theme source
Yotei UTF-8 dark

Supported applications

Yotei across apps

const theme = "Yotei";

editor

Visual Studio Code

The original editor theme with full UI and syntax colors.
const theme = "Yotei";

editor

T3 Code

Yotei, Midnight, and Dawn are available through Open VSX. Import them in Settings → Appearance.
Yotei Docs
github.com/bzenky/yotei
Google Chrome

browser

Google Chrome

Browser frame, toolbar, tab text, and new tab colors.
Yotei Docs
github.com/bzenky/yotei
Firefox

browser

Firefox

Firefox frame, toolbar, bookmark, and active tab colors.
➜ yotei echo "dawn"
dawn

terminal

Windows Terminal

Terminal foreground, background, cursor, selection, and ANSI palette.
➜ yotei echo "dawn"
dawn

terminal

Kitty

Available in Kitty’s theme selector: Yotei, Midnight, and Dawn. No Kitty update needed. kitten themes --cache-age 0
Zenky

Yotei is now available everywhere.

chat

Slack

Slack sidebar theme values ready to paste into Slack preferences. #211925,#4D4352,#CC65FF,#B45BCF

Original palette

Core palette colors

editor.background #211925
editor.foreground #FEF7FF
editor.selectionBackground #403150
sideBar.background #20031d
titleBar.activeBackground #20031d
tab.activeForeground #CC65FF
focusBorder #FD4200
button.background #8117c7
terminal.ansiRed #EA51B2
terminal.ansiGreen #FD4200
terminal.ansiBlue #62D6E8
terminal.ansiMagenta #de71ff
terminal.ansiCyan #A1EFE4
terminal.ansiYellow #77cdff