Skip to content

Tokyo City Terminal Light

Tokyo City Terminal Light is a light terminal color scheme with a #fbfbfd background and #28323a text (12.6:1 contrast)

Get config
Background
#fbfbfd
Foreground
#28323a
Text contrast
12.64:1AAA
Accent contrast
7.09:1min 5.38
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 City Terminal Light configs

16 formats, all from one palette

Tokyo City Terminal Light

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

More Ghostty themes
Raw file
# Theme: Tokyo City Terminal Light (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/tokyo-city-terminal-light?format=ghostty

palette = 0=#fbfbfd
palette = 1=#8c4351
palette = 2=#33635c
palette = 3=#8f5e15
palette = 4=#34548a
palette = 5=#5a4a78
palette = 6=#0f4b6e
palette = 7=#28323a
palette = 8=#b7c5d3
palette = 9=#8c4351
palette = 10=#33635c
palette = 11=#8f5e15
palette = 12=#34548a
palette = 13=#5a4a78
palette = 14=#0f4b6e
palette = 15=#171d23
background = #fbfbfd
foreground = #28323a
cursor-color = #28323a
cursor-text = #fbfbfd
selection-background = #c1c4c8
selection-foreground = #28323a

Tokyo City Terminal Light palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#fbfbfdrgb(251 251 253)hsl(240 33% 99%)oklch(98.9% 0.003 286.4)—
Foregroundforeground#28323argb(40 50 58)hsl(207 18% 19%)oklch(31.1% 0.020 242.5)12.64 AAA
Cursorcursor#28323argb(40 50 58)hsl(207 18% 19%)oklch(31.1% 0.020 242.5)12.64 AAA
Cursor textcursorText#fbfbfdrgb(251 251 253)hsl(240 33% 99%)oklch(98.9% 0.003 286.4)1.00 Fail
Selectionselection#c1c4c8rgb(193 196 200)hsl(214 6% 77%)oklch(81.9% 0.007 255.5)1.69 Fail
Selection textselectionText#28323argb(40 50 58)hsl(207 18% 19%)oklch(31.1% 0.020 242.5)12.64 AAA
Blackcolor0#fbfbfdrgb(251 251 253)hsl(240 33% 99%)oklch(98.9% 0.003 286.4)1.00 Fail
Redcolor1#8c4351rgb(140 67 81)hsl(348 35% 41%)oklch(48.0% 0.100 9.5)6.69 AA
Greencolor2#33635crgb(51 99 92)hsl(171 32% 29%)oklch(46.4% 0.054 183.4)6.60 AA
Yellowcolor3#8f5e15rgb(143 94 21)hsl(36 74% 32%)oklch(52.3% 0.104 71.0)5.38 AA
Bluecolor4#34548argb(52 84 138)hsl(218 45% 37%)oklch(44.8% 0.097 260.3)7.31 AAA
Magentacolor5#5a4a78rgb(90 74 120)hsl(261 24% 38%)oklch(44.5% 0.076 299.3)7.57 AAA
Cyancolor6#0f4b6ergb(15 75 110)hsl(202 76% 25%)oklch(39.4% 0.083 240.4)9.02 AAA
Whitecolor7#28323argb(40 50 58)hsl(207 18% 19%)oklch(31.1% 0.020 242.5)12.64 AAA
Bright Blackcolor8#b7c5d3rgb(183 197 211)hsl(210 24% 77%)oklch(81.7% 0.025 248.1)1.70 Fail
Bright Redcolor9#8c4351rgb(140 67 81)hsl(348 35% 41%)oklch(48.0% 0.100 9.5)6.69 AA
Bright Greencolor10#33635crgb(51 99 92)hsl(171 32% 29%)oklch(46.4% 0.054 183.4)6.60 AA
Bright Yellowcolor11#8f5e15rgb(143 94 21)hsl(36 74% 32%)oklch(52.3% 0.104 71.0)5.38 AA
Bright Bluecolor12#34548argb(52 84 138)hsl(218 45% 37%)oklch(44.8% 0.097 260.3)7.31 AAA
Bright Magentacolor13#5a4a78rgb(90 74 120)hsl(261 24% 38%)oklch(44.5% 0.076 299.3)7.57 AAA
Bright Cyancolor14#0f4b6ergb(15 75 110)hsl(202 76% 25%)oklch(39.4% 0.083 240.4)9.02 AAA
Bright Whitecolor15#171d23rgb(23 29 35)hsl(210 21% 11%)oklch(22.7% 0.015 248.5)16.43 AAA

About Tokyo City Terminal Light

Tokyo City Terminal Light is a light terminal color scheme built on a neutral #fbfbfd background with #28323a as the default foreground. Body text reaches a 12.64:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 7.09:1 (minimum 5.38:1).

Its palette is moderately saturated, anchored by #8c4351 red, #33635c green, #34548a blue, and #5a4a78 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 City Terminal Light

Source: Gogh (MIT OR Apache-2.0)