Rio · tokyo-night · dark · MIT
Tokyo Night Storm for Rio
Tokyo Night Storm for Rio: #24283b background, 9.0:1 body contrast, and the full 16-color ANSI palette. Download the Rio TOML theme. Save it to ~/.config/rio/themes/<name>.toml. The same palette also exports to the other supported terminals.
Preview
Palette
ANSI
Base colors
Contrast
WCAG · vs #24283b| Color | Hex | Ratio | Level |
|---|---|---|---|
| Foreground | #c0caf5 | 9.02:1 | AAA |
| Cursor | #c0caf5 | 9.02:1 | AAA |
| Selection | #414868 | 1.63:1 | — |
| black | #1d202f | 1.11:1 | — |
| red | #f7768e | 5.51:1 | AA |
| green | #9ece6a | 7.97:1 | AAA |
| yellow | #e0af68 | 7.28:1 | AAA |
| blue | #7aa2f7 | 5.78:1 | AA |
| magenta | #bb9af7 | 6.30:1 | AA |
| cyan | #7dcfff | 8.49:1 | AAA |
| white | #a9b1d6 | 6.90:1 | AA |
| brightBlack | #414868 | 1.63:1 | — |
| brightRed | #f7768e | 5.51:1 | AA |
| brightGreen | #9ece6a | 7.97:1 | AAA |
| brightYellow | #e0af68 | 7.28:1 | AAA |
| brightBlue | #7aa2f7 | 5.78:1 | AA |
| brightMagenta | #bb9af7 | 6.30:1 | AA |
| brightCyan | #7dcfff | 8.49:1 | AAA |
| brightWhite | #c0caf5 | 9.02:1 | AAA |
Install for Rio
Documentation- Download the Rio TOML theme.
- Save it to ~/.config/rio/themes/<name>.toml.
- Add theme = "<name>" to ~/.config/rio/config.toml.
- Restart Rio or reload its configuration.
mkdir -p "$HOME/.config/rio/themes" && curl -fsSL "https://terminalthemes.iwwi.app/ports/rio/tokyo-night-storm.toml" -o "$HOME/.config/rio/themes/tokyo-night-storm.toml"
# Add theme = "tokyo-night-storm" to ~/.config/rio/config.tomlFull configuration
[colors]
background = "#24283b"
foreground = "#c0caf5"
cursor = "#c0caf5"
selection-background = "#414868"
selection-foreground = "#c0caf5"
tabs = "#414868"
tabs-active = "#c0caf5"
black = "#1d202f"
red = "#f7768e"
green = "#9ece6a"
yellow = "#e0af68"
blue = "#7aa2f7"
magenta = "#bb9af7"
cyan = "#7dcfff"
white = "#a9b1d6"
light-black = "#414868"
light-red = "#f7768e"
light-green = "#9ece6a"
light-yellow = "#e0af68"
light-blue = "#7aa2f7"
light-magenta = "#bb9af7"
light-cyan = "#7dcfff"
light-white = "#c0caf5"
Let an agent install it
Give this prompt to your coding agent. It includes the Rio install page, native file, steps, and safety constraints.
Help me install the Tokyo Night Storm theme for Rio on this machine.
Read the install page: https://terminalthemes.iwwi.app/rio/themes/tokyo-night/storm/
Native theme file: https://terminalthemes.iwwi.app/ports/rio/tokyo-night-storm.toml
Follow these steps:
1. Download the Rio TOML theme.
2. Save it to ~/.config/rio/themes/<name>.toml.
3. Add theme = "<name>" to ~/.config/rio/config.toml.
4. Restart Rio or reload its configuration.
One-line install:
mkdir -p "$HOME/.config/rio/themes" && curl -fsSL "https://terminalthemes.iwwi.app/ports/rio/tokyo-night-storm.toml" -o "$HOME/.config/rio/themes/tokyo-night-storm.toml"
# Add theme = "tokyo-night-storm" to ~/.config/rio/config.toml
Inspect and back up my existing configuration first. Change only what this theme needs; do not overwrite unrelated settings. Ask before changing my default theme. After installing, verify the file exists and tell me which files changed.FAQ
Frequently asked questions
Where does the Tokyo Night Storm theme go in Rio?
Download the Rio TOML theme. Save it to ~/.config/rio/themes/<name>.toml.
How do I install Tokyo Night Storm in Rio?
Download the Tokyo Night Storm Rio TOML theme from this page, run the one-line install command, or place the file in the Rio location above. Restart Rio or reload its configuration.
Does Tokyo Night Storm keep its colors in Rio?
Yes. It uses #24283b for the background, #c0caf5 for the foreground, and the full 16-color ANSI palette, with 9.0:1 body contrast. Only the Rio file format changes.
Can I use Tokyo Night Storm in another terminal?
Yes. The same palette exports to every terminal listed on this site; only the install path and file format change.
Similar themes
Similar themes
ΔE00 0.6
ΔE00 4.7
ΔE00 7.6
ΔE00 8.2