Skip to content
Tintdex

Detroit After Dark

Detroit After Dark is a warm, dark terminal color scheme with a #24141b background and #f7e6d7 text (14.5:1 contrast)

Get config
Background
#24141b
Foreground
#f7e6d7
Text contrast
14.49:1AAA
Accent contrast
8.68:1min 5.69
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
❯

Detroit After Dark configs

16 formats, all from one palette

Detroit After Dark

Save to ~/.config/ghostty/themes/Detroit After Dark, then set theme = Detroit After Dark in config or config.ghostty

More Ghostty themes
Raw file
# Theme: Detroit After Dark (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/detroit-after-dark?format=ghostty

palette = 0=#a8b2b8
palette = 1=#e66e62
palette = 2=#9dc28e
palette = 3=#e9bd66
palette = 4=#8cb3d9
palette = 5=#c89bd4
palette = 6=#84c9cb
palette = 7=#f7e6d7
palette = 8=#b9c1c6
palette = 9=#e97f75
palette = 10=#a9c99c
palette = 11=#ecc578
palette = 12=#9abcde
palette = 13=#cfa7d9
palette = 14=#93cfd1
palette = 15=#f9ebdf
background = #24141b
foreground = #f7e6d7
cursor-color = #ecc578
cursor-text = #24141b
selection-background = #4c343f
selection-foreground = #f7e6d7

Detroit After Dark palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#24141brgb(36 20 27)hsl(334 29% 11%)oklch(21.6% 0.029 352.0)—
Foregroundforeground#f7e6d7rgb(247 230 215)hsl(28 67% 91%)oklch(93.5% 0.027 63.9)14.49 AAA
Cursorcursor#ecc578rgb(236 197 120)hsl(40 75% 70%)oklch(84.1% 0.106 83.4)10.77 AAA
Cursor textcursorText#24141brgb(36 20 27)hsl(334 29% 11%)oklch(21.6% 0.029 352.0)1.00 Fail
Selectionselection#4c343frgb(76 52 63)hsl(333 19% 25%)oklch(35.7% 0.038 350.1)1.57 Fail
Selection textselectionText#f7e6d7rgb(247 230 215)hsl(28 67% 91%)oklch(93.5% 0.027 63.9)14.49 AAA
Blackcolor0#a8b2b8rgb(168 178 184)hsl(203 10% 69%)oklch(75.8% 0.014 233.8)8.17 AAA
Redcolor1#e66e62rgb(230 110 98)hsl(5 73% 64%)oklch(67.8% 0.151 27.6)5.69 AA
Greencolor2#9dc28ergb(157 194 142)hsl(103 30% 66%)oklch(77.4% 0.082 136.8)8.85 AAA
Yellowcolor3#e9bd66rgb(233 189 102)hsl(40 75% 66%)oklch(82.0% 0.117 82.9)10.02 AAA
Bluecolor4#8cb3d9rgb(140 179 217)hsl(210 50% 70%)oklch(75.2% 0.069 248.1)8.03 AAA
Magentacolor5#c89bd4rgb(200 155 212)hsl(287 40% 72%)oklch(75.0% 0.094 319.1)7.64 AAA
Cyancolor6#84c9cbrgb(132 201 203)hsl(182 41% 66%)oklch(79.1% 0.070 198.2)9.40 AAA
Whitecolor7#f7e6d7rgb(247 230 215)hsl(28 67% 91%)oklch(93.5% 0.027 63.9)14.49 AAA
Bright Blackcolor8#b9c1c6rgb(185 193 198)hsl(203 10% 75%)oklch(80.6% 0.011 234.9)9.66 AAA
Bright Redcolor9#e97f75rgb(233 127 117)hsl(5 73% 69%)oklch(71.2% 0.132 26.5)6.51 AA
Bright Greencolor10#a9c99crgb(169 201 156)hsl(103 29% 70%)oklch(80.0% 0.071 136.7)9.67 AAA
Bright Yellowcolor11#ecc578rgb(236 197 120)hsl(40 75% 70%)oklch(84.1% 0.106 83.4)10.77 AAA
Bright Bluecolor12#9abcdergb(154 188 222)hsl(210 51% 74%)oklch(78.2% 0.061 248.6)8.92 AAA
Bright Magentacolor13#cfa7d9rgb(207 167 217)hsl(288 40% 75%)oklch(78.1% 0.082 319.5)8.55 AAA
Bright Cyancolor14#93cfd1rgb(147 207 209)hsl(182 40% 70%)oklch(81.4% 0.061 198.6)10.15 AAA
Bright Whitecolor15#f9ebdfrgb(249 235 223)hsl(28 68% 93%)oklch(94.8% 0.022 63.2)15.10 AAA

About Detroit After Dark

Detroit After Dark is a dark terminal color scheme built on a warm-tinted #24141b background with #f7e6d7 as the default foreground. Body text reaches a 14.49:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 8.68:1 (minimum 5.69:1).

Its palette is moderately saturated, anchored by #e66e62 red, #9dc28e green, #8cb3d9 blue, and #c89bd4 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 Detroit After Dark

Source: iTerm2 Color Schemes (MIT)