Visual Studio Code

Yotei Midnight

A deeper, darker take on Yotei, keeping the purple-red dawn accents while shifting the editor into a midnight palette. Switch between code samples to see how the editor palette behaves in real snippets.

Appearance dark Source Visual Studio Code
Yotei Midnight
yotei / preview / theme-preview.ts
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 Midnight 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.
Install guide 
const theme = "Yotei";

editor

T3 Code

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

browser

Google Chrome

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

browser

Firefox

Firefox frame, toolbar, bookmark, and active tab colors.
Open store Install guide 
➜ yotei echo "dawn"
dawn

terminal

Windows Terminal

Terminal foreground, background, cursor, selection, and ANSI palette.
Install guide 
➜ 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
Install guide
Zenky

Yotei is now available everywhere.

chat

Slack

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

Midnight palette

Core palette colors

editor.background #120D15
editor.foreground #FEF7FF
editor.selectionBackground #30213B
sideBar.background #0F0A12
titleBar.activeBackground #0D0710
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