Hyper · gruvbox · dark · MIT
Gruvbox Dark for Hyper
Gruvbox Dark for Hyper: #282828 background, 10.7: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 #282828| Color | Hex | Ratio | Level |
|---|---|---|---|
| Foreground | #ebdbb2 | 10.75:1 | AAA |
| Cursor | #ebdbb2 | 10.75:1 | AAA |
| Selection | #928374 | 4.02:1 | AA large |
| black | #282828 | 1.00:1 | — |
| red | #cc241d | 2.69:1 | — |
| green | #98971a | 4.76:1 | AA |
| yellow | #d79921 | 5.94:1 | AA |
| blue | #458588 | 3.48:1 | AA large |
| magenta | #b16286 | 3.48:1 | AA large |
| cyan | #689d6a | 4.65:1 | AA |
| white | #a89984 | 5.30:1 | AA |
| brightBlack | #928374 | 4.02:1 | AA large |
| brightRed | #fb4934 | 4.29:1 | AA large |
| brightGreen | #b8bb26 | 7.14:1 | AAA |
| brightYellow | #fabd2f | 8.69:1 | AAA |
| brightBlue | #83a598 | 5.48:1 | AA |
| brightMagenta | #d3869b | 5.37:1 | AA |
| brightCyan | #8ec07c | 7.01:1 | AAA |
| brightWhite | #ebdbb2 | 10.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/gruvbox-dark" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/gruvbox-dark.js" -o "$HOME/.hyper_plugins/local/gruvbox-dark/index.js"
# Add "gruvbox-dark" to localPlugins in ~/Library/Application Support/Hyper/.hyper.js (macOS) or the platform config path.Full configuration
exports.decorateConfig = (config) => ({
...config,
foregroundColor: "#ebdbb2",
backgroundColor: "#282828",
borderColor: "#928374",
cursorColor: "#ebdbb2",
cursorAccentColor: "#282828",
selectionColor: "#928374",
colors: {
...config.colors,
black: "#282828",
red: "#cc241d",
green: "#98971a",
yellow: "#d79921",
blue: "#458588",
magenta: "#b16286",
cyan: "#689d6a",
white: "#a89984",
lightBlack: "#928374",
lightRed: "#fb4934",
lightGreen: "#b8bb26",
lightYellow: "#fabd2f",
lightBlue: "#83a598",
lightMagenta: "#d3869b",
lightCyan: "#8ec07c",
lightWhite: "#ebdbb2"
}
});
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 Gruvbox Dark theme for Hyper on this machine.
Read the install page: https://terminalthemes.iwwi.app/hyper/themes/gruvbox/dark/
Native theme file: https://terminalthemes.iwwi.app/ports/hyper/gruvbox-dark.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/gruvbox-dark" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/gruvbox-dark.js" -o "$HOME/.hyper_plugins/local/gruvbox-dark/index.js"
# Add "gruvbox-dark" 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 Gruvbox Dark theme go in Hyper?
Download the Hyper plugin. Save it to ~/.hyper_plugins/local/<name>/index.js.
How do I install Gruvbox Dark in Hyper?
Download the Gruvbox Dark 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 Gruvbox Dark keep its colors in Hyper?
Yes. It uses #282828 for the background, #ebdbb2 for the foreground, and the full 16-color ANSI palette, with 10.7:1 body contrast. Only the Hyper file format changes.
Can I use Gruvbox Dark 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.3
ΔE00 0.4
ΔE00 10.5
ΔE00 11.8