Hyper · kanagawa · light · MIT
Kanagawa Lotus for Hyper
Kanagawa Lotus for Hyper: #f2ecbc background, 6.2: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 #f2ecbc| Color | Hex | Ratio | Level |
|---|---|---|---|
| Foreground | #545464 | 6.19:1 | AA |
| Cursor | #545464 | 6.19:1 | AA |
| Selection | #8a8980 | 2.93:1 | — |
| black | #1f1f28 | 13.62:1 | AAA |
| red | #c84053 | 4.06:1 | AA large |
| green | #6f894e | 3.26:1 | AA large |
| yellow | #77713f | 4.15:1 | AA large |
| blue | #4d699b | 4.59:1 | AA |
| magenta | #b35b79 | 3.73:1 | AA large |
| cyan | #597b75 | 3.88:1 | AA large |
| white | #545464 | 6.19:1 | AA |
| brightBlack | #8a8980 | 2.93:1 | — |
| brightRed | #d7474b | 3.58:1 | AA large |
| brightGreen | #6e915f | 2.98:1 | — |
| brightYellow | #836f4a | 4.03:1 | AA large |
| brightBlue | #6693bf | 2.70:1 | — |
| brightMagenta | #624c83 | 6.07:1 | AA |
| brightCyan | #5e857a | 3.42:1 | AA large |
| brightWhite | #43436c | 7.75: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-lotus" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/kanagawa-lotus.js" -o "$HOME/.hyper_plugins/local/kanagawa-lotus/index.js"
# Add "kanagawa-lotus" to localPlugins in ~/Library/Application Support/Hyper/.hyper.js (macOS) or the platform config path.Full configuration
exports.decorateConfig = (config) => ({
...config,
foregroundColor: "#545464",
backgroundColor: "#f2ecbc",
borderColor: "#8a8980",
cursorColor: "#545464",
cursorAccentColor: "#f2ecbc",
selectionColor: "#8a8980",
colors: {
...config.colors,
black: "#1f1f28",
red: "#c84053",
green: "#6f894e",
yellow: "#77713f",
blue: "#4d699b",
magenta: "#b35b79",
cyan: "#597b75",
white: "#545464",
lightBlack: "#8a8980",
lightRed: "#d7474b",
lightGreen: "#6e915f",
lightYellow: "#836f4a",
lightBlue: "#6693bf",
lightMagenta: "#624c83",
lightCyan: "#5e857a",
lightWhite: "#43436c"
}
});
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 Lotus theme for Hyper on this machine.
Read the install page: https://terminalthemes.iwwi.app/hyper/themes/kanagawa/lotus/
Native theme file: https://terminalthemes.iwwi.app/ports/hyper/kanagawa-lotus.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-lotus" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/kanagawa-lotus.js" -o "$HOME/.hyper_plugins/local/kanagawa-lotus/index.js"
# Add "kanagawa-lotus" 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 Lotus theme go in Hyper?
Download the Hyper plugin. Save it to ~/.hyper_plugins/local/<name>/index.js.
How do I install Kanagawa Lotus in Hyper?
Download the Kanagawa Lotus 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 Lotus keep its colors in Hyper?
Yes. It uses #f2ecbc for the background, #545464 for the foreground, and the full 16-color ANSI palette, with 6.2:1 body contrast. Only the Hyper file format changes.
Can I use Kanagawa Lotus 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 15.6
ΔE00 16.4
ΔE00 17.1
ΔE00 17.6