Visual Studio Code

Yotei Dawn

A soft light take on Yotei, inspired by the first warm colors of dawn and built for brighter editor sessions. Switch between code samples to see how the editor palette behaves in real snippets.

Appearance light Source Visual Studio Code
Yotei Dawn
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 Dawn UTF-8 light

Supported applications

Yotei across apps

const theme = "Yotei";

editor

Visual Studio Code

The original editor theme with full UI and syntax colors.
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
Zenky

Yotei is now available everywhere.

chat

Slack

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

Dawn palette

Core palette colors

editor.background #FFF7FB
editor.foreground #35263D
editor.selectionBackground #E8C4F4
sideBar.background #F7EAF3
titleBar.activeBackground #F2DDEB
tab.activeForeground #8117C7
focusBorder #FD4200
button.background #CC65FF
terminal.ansiRed #B13A85
terminal.ansiGreen #5D7F16
terminal.ansiBlue #256D85
terminal.ansiMagenta #8117C7
terminal.ansiCyan #347F73
terminal.ansiYellow #9A4A00