Tokyo Snow
Tokyo Snow is a warm, dark color scheme for Visual Studio Code, sampled from a single photo: a snowy Tokyo alley at night, lit only by a row of vending machines. The lit machines and signs give it its reds, oranges and golds, the snow under green-tinted light gives it sage, moss and pine, and the shadowed walls and pavement become the backgrounds. Every colour in the theme is one of the 13 below; nothing is invented outside the photo.
It is the VS Code port of the tokyo-snow palette that themes the rest of my desktop (Hyprland, waybar, rofi, hyprlock, Neovim and the shell prompt), so the editor finally matches everything around it.
Palette
Accents
|
Name |
Hex |
In the photo |
In the editor |
 |
brick |
#96402e |
Deep red in the machines' shadows |
Reserved; not used in the editor |
 |
neon |
#d5583d |
The red KIRIN sign |
Keywords, tags, this/self, errors |
 |
ember |
#db814c |
Burnt-orange machine glow |
Numbers, constants, escapes, decorators |
 |
amber |
#e1b568 |
Lit drink shelves |
Types and classes, cursor, accent, warnings |
 |
gold |
#ecd08f |
The BOSS sign and lit panels |
Body text, variables, operators |
 |
sage |
#c4c88e |
Snow under the green-tinted light |
Properties and keys, regular expressions |
 |
moss |
#a6d46c |
Mid green tint |
Strings, added lines |
 |
pine |
#6fc28a |
Cold green-teal cast on the snow |
Functions and methods, links, info |
Text & backgrounds
|
Name |
Hex |
In the photo |
In the editor |
 |
night |
#1c1c1a |
Deepest shadow |
Sidebar, panels, title and status bars |
 |
shadow |
#2a2a28 |
The alley's dark walls |
Editor background |
 |
slate |
#3a3933 |
Lit edges of the shadows |
Borders, current line, list selection |
 |
dim |
#7d7860 |
Shadowed pavement |
Comments, line numbers, muted text |
 |
snow |
#f1e4b5 |
The brightest snow |
Emphasised text, active tabs |
Variants
The extension ships three themes. They share every colour name and hue, and assign colours to the same syntax; only how bright and saturated the palette is changes.
| Theme |
Character |
| Tokyo Snow |
The default. The photo's brightest lamplit tones, with clear greens. |
| Tokyo Snow Neon Alley |
Bold. Reds and oranges pushed toward the glow of the signs, with slightly darker backgrounds. |
| Tokyo Snow Vending Glow |
Loudest. Near-full saturation and the deepest backgrounds. |
|
Tokyo Snow |
Neon Alley |
Vending Glow |
| brick |
#96402e |
 #a8341f |
 #b8321c |
| neon |
#d5583d |
 #e8492b |
 #ff4b2b |
| ember |
#db814c |
 #f07f3c |
 #ff8a3d |
| amber |
#e1b568 |
 #f2aa4c |
 #ffb547 |
| gold |
#ecd08f |
 #f4cc72 |
 #ffd56b |
| sage |
#c4c88e |
 #c9d48a |
 #d0e08a |
| moss |
#a6d46c |
 #a9c46f |
 #a6d46c |
| pine |
#6fc28a |
 #7fae6a |
 #6fc28a |
| night |
#1c1c1a |
 #1a1a17 |
 #161613 |
| shadow |
#2a2a28 |
 #282823 |
 #24241f |
| slate |
#3a3933 |
 #3a382f |
 #36342b |
| dim |
#7d7860 |
 #807a5c |
 #868063 |
| snow |
#f1e4b5 |
 #f3e6b6 |
 #fff0c2 |
Installation
- Press the extensions icon in your Visual Studio Code sidebar
- Search for "Tokyo Snow" by MatthewGadsden
- Click Install
- Press
Ctrl+Shift+P (or Cmd+Shift+P on Mac) to open the command palette
- Type "Color Theme" and select "Preferences: Color Theme"
- Select "Tokyo Snow", "Tokyo Snow Neon Alley" or "Tokyo Snow Vending Glow" from the list
It is published on the Visual Studio Marketplace for Visual Studio Code, and on Open VSX for VSCodium and Code - OSS. Each GitHub release also has the .vsix attached, which you can install with code --install-extension tokyo-snow-vs-<version>.vsix.
Usage
Once installed, switch to a Tokyo Snow theme by:
- Opening the Command Palette (
Ctrl+Shift+P or Cmd+Shift+P)
- Typing "Color Theme"
- Selecting "Preferences: Color Theme"
- Choosing "Tokyo Snow", "Tokyo Snow Neon Alley" or "Tokyo Snow Vending Glow" from the themes
Open tokyo-snow-demo.js to see most of the syntax colours in one place; its comments say which colour each piece of syntax should be.
Contributing
Contributions are welcome. Submit issues or pull requests on GitHub. If you change a colour, keep it inside the 13-colour palette above. Edit only themes/tokyo-snow-color-theme.json, then run python3 themes/generate-variants.py to regenerate Neon Alley and Vending Glow from it.
License
MIT License
