Hyper · kanagawa · dark · MIT
Kanagawa Wave for Hyper
Kanagawa Wave for Hyper: #1f1f28 background, 11.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 #1f1f28| Color | Hex | Ratio | Level |
|---|---|---|---|
| Foreground | #dcd7ba | 11.26:1 | AAA |
| Cursor | #dcd7ba | 11.26:1 | AAA |
| Selection | #727169 | 3.33:1 | AA large |
| black | #16161d | 1.10:1 | — |
| red | #c34043 | 3.22:1 | AA large |
| green | #76946a | 4.84:1 | AA |
| yellow | #c0a36e | 6.78:1 | AA |
| blue | #7e9cd8 | 5.94:1 | AA |
| magenta | #957fb8 | 4.67:1 | AA |
| cyan | #6a9589 | 4.88:1 | AA |
| white | #c8c093 | 8.89:1 | AAA |
| brightBlack | #727169 | 3.33:1 | AA large |
| brightRed | #e82424 | 3.66:1 | AA large |
| brightGreen | #98bb6c | 7.52:1 | AAA |
| brightYellow | #e6c384 | 9.73:1 | AAA |
| brightBlue | #7fb4ca | 7.23:1 | AAA |
| brightMagenta | #938aa9 | 5.02:1 | AA |
| brightCyan | #7aa89f | 6.17:1 | AA |
| brightWhite | #dcd7ba | 11.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/kanagawa-wave" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/kanagawa-wave.js" -o "$HOME/.hyper_plugins/local/kanagawa-wave/index.js"
# Add "kanagawa-wave" to localPlugins in ~/Library/Application Support/Hyper/.hyper.js (macOS) or the platform config path.Full configuration
exports.decorateConfig = (config) => ({
...config,
foregroundColor: "#dcd7ba",
backgroundColor: "#1f1f28",
borderColor: "#727169",
cursorColor: "#dcd7ba",
cursorAccentColor: "#1f1f28",
selectionColor: "#727169",
colors: {
...config.colors,
black: "#16161d",
red: "#c34043",
green: "#76946a",
yellow: "#c0a36e",
blue: "#7e9cd8",
magenta: "#957fb8",
cyan: "#6a9589",
white: "#c8c093",
lightBlack: "#727169",
lightRed: "#e82424",
lightGreen: "#98bb6c",
lightYellow: "#e6c384",
lightBlue: "#7fb4ca",
lightMagenta: "#938aa9",
lightCyan: "#7aa89f",
lightWhite: "#dcd7ba"
}
});
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 Kanagawa Wave theme for Hyper on this machine.
Read the install page: https://terminalthemes.iwwi.app/hyper/themes/kanagawa/wave/
Native theme file: https://terminalthemes.iwwi.app/ports/hyper/kanagawa-wave.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/kanagawa-wave" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/kanagawa-wave.js" -o "$HOME/.hyper_plugins/local/kanagawa-wave/index.js"
# Add "kanagawa-wave" 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 Kanagawa Wave theme go in Hyper?
Download the Hyper plugin. Save it to ~/.hyper_plugins/local/<name>/index.js.
How do I install Kanagawa Wave in Hyper?
Download the Kanagawa Wave 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 Kanagawa Wave keep its colors in Hyper?
Yes. It uses #1f1f28 for the background, #dcd7ba for the foreground, and the full 16-color ANSI palette, with 11.3:1 body contrast. Only the Hyper file format changes.
Can I use Kanagawa Wave 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 7.8
ΔE00 9.8
ΔE00 11.5
ΔE00 11.5