const theme = "Yotei";
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.
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
Supported applications
Yotei across apps
const theme = "Yotei";
editor
T3 Code
Yotei, Midnight, and Dawn are available through Open VSX. Import them in Settings → Appearance. Yotei Docs
Google Chrome
browser
Google Chrome
Browser frame, toolbar, tab text, and new tab colors. Yotei Docs
Firefox
➜ 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 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