Hyper · tokyo-night · dark · MIT
Tokyo Night Moon for Hyper
Tokyo Night Moon for Hyper: #222436 background, 10.3: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 #222436| Color | Hex | Ratio | Level |
|---|---|---|---|
| Foreground | #c8d3f5 | 10.26:1 | AAA |
| Cursor | #c8d3f5 | 10.26:1 | AAA |
| Selection | #444a73 | 1.80:1 | — |
| black | #1b1d2b | 1.09:1 | — |
| red | #ff757f | 5.90:1 | AA |
| green | #c3e88d | 11.10:1 | AAA |
| yellow | #ffc777 | 9.96:1 | AAA |
| blue | #82aaff | 6.66:1 | AA |
| magenta | #c099ff | 6.73:1 | AA |
| cyan | #86e1fc | 10.33:1 | AAA |
| white | #828bb8 | 4.61:1 | AA |
| brightBlack | #444a73 | 1.80:1 | — |
| brightRed | #ff757f | 5.90:1 | AA |
| brightGreen | #c3e88d | 11.10:1 | AAA |
| brightYellow | #ffc777 | 9.96:1 | AAA |
| brightBlue | #82aaff | 6.66:1 | AA |
| brightMagenta | #c099ff | 6.73:1 | AA |
| brightCyan | #86e1fc | 10.33:1 | AAA |
| brightWhite | #c8d3f5 | 10.26:1 | AAA |
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-moon" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/tokyo-night-moon.js" -o "$HOME/.hyper_plugins/local/tokyo-night-moon/index.js"
# Add "tokyo-night-moon" to localPlugins in ~/Library/Application Support/Hyper/.hyper.js (macOS) or the platform config path.Full configuration
exports.decorateConfig = (config) => ({
...config,
foregroundColor: "#c8d3f5",
backgroundColor: "#222436",
borderColor: "#444a73",
cursorColor: "#c8d3f5",
cursorAccentColor: "#222436",
selectionColor: "#444a73",
colors: {
...config.colors,
black: "#1b1d2b",
red: "#ff757f",
green: "#c3e88d",
yellow: "#ffc777",
blue: "#82aaff",
magenta: "#c099ff",
cyan: "#86e1fc",
white: "#828bb8",
lightBlack: "#444a73",
lightRed: "#ff757f",
lightGreen: "#c3e88d",
lightYellow: "#ffc777",
lightBlue: "#82aaff",
lightMagenta: "#c099ff",
lightCyan: "#86e1fc",
lightWhite: "#c8d3f5"
}
});
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 Moon theme for Hyper on this machine.
Read the install page: https://terminalthemes.iwwi.app/hyper/themes/tokyo-night/moon/
Native theme file: https://terminalthemes.iwwi.app/ports/hyper/tokyo-night-moon.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-moon" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/tokyo-night-moon.js" -o "$HOME/.hyper_plugins/local/tokyo-night-moon/index.js"
# Add "tokyo-night-moon" 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 Moon theme go in Hyper?
Download the Hyper plugin. Save it to ~/.hyper_plugins/local/<name>/index.js.
How do I install Tokyo Night Moon in Hyper?
Download the Tokyo Night Moon 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 Moon keep its colors in Hyper?
Yes. It uses #222436 for the background, #c8d3f5 for the foreground, and the full 16-color ANSI palette, with 10.3:1 body contrast. Only the Hyper file format changes.
Can I use Tokyo Night Moon 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 4.7
ΔE00 5.0
ΔE00 8.5
ΔE00 8.9