Skip to content

Gruber

Gruber is a dark terminal color scheme with a #181818 background and #f4f4ff text (16.3:1 contrast)

Get config
Background
#181818
Foreground
#f4f4ff
Text contrast
16.26:1AAA
Accent contrast
7.88:1min 4.64
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status — Konsole
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ ls -la
drwxr-xr-x 12 ada staff 384 Oct 30 09:12 .
drwxr-xr-x 8 ada staff 256 Oct 29 18:40 ..
-rw-r--r-- 1 ada staff 1.2K Oct 30 09:10 .gitignore
drwxr-xr-x 5 ada staff 160 Oct 30 09:12 src
drwxr-xr-x 3 ada staff 96 Oct 28 11:02 public
-rwxr-xr-x 1 ada staff 2.4K Oct 30 08:57 build.sh
-rw-r--r-- 1 ada staff 4.1K Oct 30 09:01 package.json
lrwxr-xr-x 1 ada staff 18 Oct 27 14:33 node_modules -> ../cache/modules
-rw-r--r-- 1 ada staff 48K Oct 26 10:15 logo.png
-rw-r--r-- 1 ada staff 9.8M Oct 25 21:47 backup.tar.gz
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ git status
On branch main
Your branch is ahead of 'origin/main' by 2 commits.
Changes to be committed:
new file: src/theme.css
modified: README.md
Changes not staged for commit:
modified: src/app.tsx
deleted: legacy/colors.js
Untracked files:
notes.md
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯

Gruber configs

16 formats, all from one palette

Gruber

Save to ~/.config/ghostty/themes/Gruber, then set theme = Gruber in config or config.ghostty

More Ghostty themes
Raw file
# Theme: Gruber (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/gruber?format=ghostty

palette = 0=#181818
palette = 1=#f43841
palette = 2=#73c936
palette = 3=#ffdd33
palette = 4=#96a6c8
palette = 5=#9e95c7
palette = 6=#95a99f
palette = 7=#f4f4ff
palette = 8=#52494e
palette = 9=#f43841
palette = 10=#73c936
palette = 11=#ffdd33
palette = 12=#96a6c8
palette = 13=#9e95c7
palette = 14=#95a99f
palette = 15=#e4e4ef
background = #181818
foreground = #f4f4ff
cursor-color = #f4f4ff
cursor-text = #181818
selection-background = #484848
selection-foreground = #f4f4ff

Gruber palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#181818rgb(24 24 24)hsl(0 0% 9%)oklch(20.9% 0.000 0)—
Foregroundforeground#f4f4ffrgb(244 244 255)hsl(240 100% 98%)oklch(97.0% 0.015 286.1)16.26 AAA
Cursorcursor#f4f4ffrgb(244 244 255)hsl(240 100% 98%)oklch(97.0% 0.015 286.1)16.26 AAA
Cursor textcursorText#181818rgb(24 24 24)hsl(0 0% 9%)oklch(20.9% 0.000 0)1.00 Fail
Selectionselection#484848rgb(72 72 72)hsl(0 0% 28%)oklch(40.2% 0.000 0)1.94 Fail
Selection textselectionText#f4f4ffrgb(244 244 255)hsl(240 100% 98%)oklch(97.0% 0.015 286.1)16.26 AAA
Blackcolor0#181818rgb(24 24 24)hsl(0 0% 9%)oklch(20.9% 0.000 0)1.00 Fail
Redcolor1#f43841rgb(244 56 65)hsl(357 90% 59%)oklch(63.5% 0.222 24.2)4.64 AA
Greencolor2#73c936rgb(115 201 54)hsl(95 58% 50%)oklch(75.3% 0.196 135.3)8.57 AAA
Yellowcolor3#ffdd33rgb(255 221 51)hsl(50 100% 60%)oklch(90.0% 0.174 96.9)13.23 AAA
Bluecolor4#96a6c8rgb(150 166 200)hsl(221 31% 69%)oklch(72.4% 0.053 265.3)7.26 AAA
Magentacolor5#9e95c7rgb(158 149 199)hsl(251 31% 68%)oklch(69.6% 0.073 292.6)6.41 AA
Cyancolor6#95a99frgb(149 169 159)hsl(150 10% 62%)oklch(71.6% 0.027 164.1)7.15 AAA
Whitecolor7#f4f4ffrgb(244 244 255)hsl(240 100% 98%)oklch(97.0% 0.015 286.1)16.26 AAA
Bright Blackcolor8#52494ergb(82 73 78)hsl(327 6% 30%)oklch(41.6% 0.014 343.2)2.05 Fail
Bright Redcolor9#f43841rgb(244 56 65)hsl(357 90% 59%)oklch(63.5% 0.222 24.2)4.64 AA
Bright Greencolor10#73c936rgb(115 201 54)hsl(95 58% 50%)oklch(75.3% 0.196 135.3)8.57 AAA
Bright Yellowcolor11#ffdd33rgb(255 221 51)hsl(50 100% 60%)oklch(90.0% 0.174 96.9)13.23 AAA
Bright Bluecolor12#96a6c8rgb(150 166 200)hsl(221 31% 69%)oklch(72.4% 0.053 265.3)7.26 AAA
Bright Magentacolor13#9e95c7rgb(158 149 199)hsl(251 31% 68%)oklch(69.6% 0.073 292.6)6.41 AA
Bright Cyancolor14#95a99frgb(149 169 159)hsl(150 10% 62%)oklch(71.6% 0.027 164.1)7.15 AAA
Bright Whitecolor15#e4e4efrgb(228 228 239)hsl(240 26% 92%)oklch(92.2% 0.015 286.1)14.07 AAA

About Gruber

Gruber is a dark terminal color scheme built on a neutral #181818 background with #f4f4ff as the default foreground. Body text reaches a 16.26:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 7.88:1 (minimum 4.64:1).

Its palette is moderately saturated, anchored by #f43841 red, #73c936 green, #96a6c8 blue, and #9e95c7 magenta.

Ready-to-use configs can be exported for Ghostty, iTerm2, Kitty, Alacritty, WezTerm, Windows Terminal, Warp, foot, Rio, XFCE4 Terminal, and Xresources, along with VS Code and Zed integrated terminals, CSS variables, Tailwind CSS, and JSON.

Schemes similar to Gruber

Source: Tinted Theming (Base16 & Base24) (MIT)