Skip to content
Tintdex

Tokyo Night Terminal Dark

Tokyo Night Terminal Dark is a soft, cool, dark terminal color scheme with a #16161e background and #787c99 text (4.4:1 contrast)

Get config
Background
#16161e
Foreground
#787c99
Text contrast
4.40:1AA Large
Accent contrast
7.91:1min 6.29
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
❯

Tokyo Night Terminal Dark configs

16 formats, all from one palette

Tokyo Night Terminal Dark

Save to ~/.config/ghostty/themes/Tokyo Night Terminal Dark, then set theme = Tokyo Night Terminal Dark in config or config.ghostty

More Ghostty themes
Raw file
# Theme: Tokyo Night Terminal Dark (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/tokyo-night-terminal-dark?format=ghostty

palette = 0=#16161e
palette = 1=#f7768e
palette = 2=#41a6b5
palette = 3=#e0af68
palette = 4=#7aa2f7
palette = 5=#bb9af7
palette = 6=#7dcfff
palette = 7=#787c99
palette = 8=#444b6a
palette = 9=#f7768e
palette = 10=#41a6b5
palette = 11=#e0af68
palette = 12=#7aa2f7
palette = 13=#bb9af7
palette = 14=#7dcfff
palette = 15=#d5d6db
background = #16161e
foreground = #787c99
cursor-color = #787c99
cursor-text = #16161e
selection-background = #2c2d3a
selection-foreground = #787c99

Tokyo Night Terminal Dark palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#16161ergb(22 22 30)hsl(240 15% 10%)oklch(20.4% 0.016 284.9)—
Foregroundforeground#787c99rgb(120 124 153)hsl(233 14% 54%)oklch(59.3% 0.044 278.8)4.40 AA Large
Cursorcursor#787c99rgb(120 124 153)hsl(233 14% 54%)oklch(59.3% 0.044 278.8)4.40 AA Large
Cursor textcursorText#16161ergb(22 22 30)hsl(240 15% 10%)oklch(20.4% 0.016 284.9)1.00 Fail
Selectionselection#2c2d3argb(44 45 58)hsl(236 14% 20%)oklch(30.2% 0.023 281.4)1.32 Fail
Selection textselectionText#787c99rgb(120 124 153)hsl(233 14% 54%)oklch(59.3% 0.044 278.8)4.40 AA Large
Blackcolor0#16161ergb(22 22 30)hsl(240 15% 10%)oklch(20.4% 0.016 284.9)1.00 Fail
Redcolor1#f7768ergb(247 118 142)hsl(349 89% 72%)oklch(72.3% 0.159 10.3)6.80 AA
Greencolor2#41a6b5rgb(65 166 181)hsl(188 47% 48%)oklch(67.3% 0.094 208.8)6.29 AA
Yellowcolor3#e0af68rgb(224 175 104)hsl(36 66% 64%)oklch(78.4% 0.106 75.4)8.99 AAA
Bluecolor4#7aa2f7rgb(122 162 247)hsl(221 89% 72%)oklch(71.9% 0.132 264.2)7.14 AAA
Magentacolor5#bb9af7rgb(187 154 247)hsl(261 85% 79%)oklch(75.1% 0.134 299.5)7.77 AAA
Cyancolor6#7dcfffrgb(125 207 255)hsl(202 100% 75%)oklch(82.0% 0.105 235.7)10.48 AAA
Whitecolor7#787c99rgb(120 124 153)hsl(233 14% 54%)oklch(59.3% 0.044 278.8)4.40 AA Large
Bright Blackcolor8#444b6argb(68 75 106)hsl(229 22% 34%)oklch(42.0% 0.053 274.1)2.11 Fail
Bright Redcolor9#f7768ergb(247 118 142)hsl(349 89% 72%)oklch(72.3% 0.159 10.3)6.80 AA
Bright Greencolor10#41a6b5rgb(65 166 181)hsl(188 47% 48%)oklch(67.3% 0.094 208.8)6.29 AA
Bright Yellowcolor11#e0af68rgb(224 175 104)hsl(36 66% 64%)oklch(78.4% 0.106 75.4)8.99 AAA
Bright Bluecolor12#7aa2f7rgb(122 162 247)hsl(221 89% 72%)oklch(71.9% 0.132 264.2)7.14 AAA
Bright Magentacolor13#bb9af7rgb(187 154 247)hsl(261 85% 79%)oklch(75.1% 0.134 299.5)7.77 AAA
Bright Cyancolor14#7dcfffrgb(125 207 255)hsl(202 100% 75%)oklch(82.0% 0.105 235.7)10.48 AAA
Bright Whitecolor15#d5d6dbrgb(213 214 219)hsl(230 8% 85%)oklch(87.7% 0.007 277.2)12.39 AAA

About Tokyo Night Terminal Dark

Tokyo Night Terminal Dark is a dark terminal color scheme built on a cool-tinted #16161e background with #787c99 as the default foreground. Body text reaches a 4.40:1 WCAG contrast ratio (AA Large), while the 12 ANSI accent colors average 7.91:1 (minimum 6.29:1).

Its palette is moderately saturated, anchored by #f7768e red, #41a6b5 green, #7aa2f7 blue, and #bb9af7 magenta. Part of the Tokyo Night theme family.

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 Tokyo Night Terminal Dark

Source: Gogh (MIT OR Apache-2.0)