Hyper · tokyo-night · light · MIT
Tokyo Night Day for Hyper
Tokyo Night Day for Hyper: #e1e2e7 background, 4.5:1 body contrast, and the full 16-color ANSI palette. Download the Hyper plugin. Save it to ~/.hyper_plugins/local/<name>/index.js. The same palette also exports to the other supported terminals.
Preview
Palette
ANSI
Base colors
Contrast
WCAG · vs #e1e2e7| Color | Hex | Ratio | Level |
|---|---|---|---|
| Foreground | #3760bf | 4.52:1 | AA |
| Cursor | #3760bf | 4.52:1 | AA |
| Selection | #a1a6c5 | 1.85:1 | — |
| black | #b4b5b9 | 1.58:1 | — |
| red | #f52a65 | 3.01:1 | AA large |
| green | #587539 | 4.04:1 | AA large |
| yellow | #8c6c3e | 3.75:1 | AA large |
| blue | #2e7de9 | 3.11:1 | AA large |
| magenta | #9854f1 | 3.33:1 | AA large |
| cyan | #007197 | 4.26:1 | AA large |
| white | #6172b0 | 3.57:1 | AA large |
| brightBlack | #a1a6c5 | 1.85:1 | — |
| brightRed | #f52a65 | 3.01:1 | AA large |
| brightGreen | #587539 | 4.04:1 | AA large |
| brightYellow | #8c6c3e | 3.75:1 | AA large |
| brightBlue | #2e7de9 | 3.11:1 | AA large |
| brightMagenta | #9854f1 | 3.33:1 | AA large |
| brightCyan | #007197 | 4.26:1 | AA large |
| brightWhite | #3760bf | 4.52:1 | AA |
Install for Hyper
Documentation- Download the Hyper plugin.
- Save it to ~/.hyper_plugins/local/<name>/index.js.
- Add "<name>" to localPlugins in your Hyper config: ~/Library/Application Support/Hyper/.hyper.js on macOS, ~/.config/Hyper/.hyper.js on Linux, or %APPDATA%\Hyper\.hyper.js on Windows.
- Reload Hyper or open a new window.
mkdir -p "$HOME/.hyper_plugins/local/tokyo-night-day" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/tokyo-night-day.js" -o "$HOME/.hyper_plugins/local/tokyo-night-day/index.js"
# Add "tokyo-night-day" to localPlugins in ~/Library/Application Support/Hyper/.hyper.js (macOS) or the platform config path.Full configuration
exports.decorateConfig = (config) => ({
...config,
foregroundColor: "#3760bf",
backgroundColor: "#e1e2e7",
borderColor: "#a1a6c5",
cursorColor: "#3760bf",
cursorAccentColor: "#e1e2e7",
selectionColor: "#a1a6c5",
colors: {
...config.colors,
black: "#b4b5b9",
red: "#f52a65",
green: "#587539",
yellow: "#8c6c3e",
blue: "#2e7de9",
magenta: "#9854f1",
cyan: "#007197",
white: "#6172b0",
lightBlack: "#a1a6c5",
lightRed: "#f52a65",
lightGreen: "#587539",
lightYellow: "#8c6c3e",
lightBlue: "#2e7de9",
lightMagenta: "#9854f1",
lightCyan: "#007197",
lightWhite: "#3760bf"
}
});
Let an agent install it
Give this prompt to your coding agent. It includes the Hyper install page, native file, steps, and safety constraints.
Help me install the Tokyo Night Day theme for Hyper on this machine.
Read the install page: https://terminalthemes.iwwi.app/hyper/themes/tokyo-night/day/
Native theme file: https://terminalthemes.iwwi.app/ports/hyper/tokyo-night-day.js
Follow these steps:
1. Download the Hyper plugin.
2. Save it to ~/.hyper_plugins/local/<name>/index.js.
3. Add "<name>" to localPlugins in your Hyper config: ~/Library/Application Support/Hyper/.hyper.js on macOS, ~/.config/Hyper/.hyper.js on Linux, or %APPDATA%\Hyper\.hyper.js on Windows.
4. Reload Hyper or open a new window.
One-line install:
mkdir -p "$HOME/.hyper_plugins/local/tokyo-night-day" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/tokyo-night-day.js" -o "$HOME/.hyper_plugins/local/tokyo-night-day/index.js"
# Add "tokyo-night-day" to localPlugins in ~/Library/Application Support/Hyper/.hyper.js (macOS) or the platform config path.
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 Day theme go in Hyper?
Download the Hyper plugin. Save it to ~/.hyper_plugins/local/<name>/index.js.
How do I install Tokyo Night Day in Hyper?
Download the Tokyo Night Day Hyper plugin from this page, run the one-line install command, or place the file in the Hyper location above. Reload Hyper or open a new window.
Does Tokyo Night Day keep its colors in Hyper?
Yes. It uses #e1e2e7 for the background, #3760bf for the foreground, and the full 16-color ANSI palette, with 4.5:1 body contrast. Only the Hyper file format changes.
Can I use Tokyo Night Day 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 12.5
ΔE00 15.2
ΔE00 15.8
ΔE00 16.7