Skip to content
Tintdex

Front End Delight

Front End Delight is a dark terminal color scheme with a #1b1c1d background and #adadad text (7.6:1 contrast)

Get config
Background
#1b1c1d
Foreground
#adadad
Text contrast
7.61:1AAA
Accent contrast
5.93:1min 2.32
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
❯

Front End Delight configs

16 formats, all from one palette

Front End Delight

Save to ~/.config/ghostty/themes/Front End Delight, then set theme = Front End Delight in config or config.ghostty

More Ghostty themes
Raw file
# Theme: Front End Delight (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/front-end-delight?format=ghostty

palette = 0=#242526
palette = 1=#f8511b
palette = 2=#565747
palette = 3=#fa771d
palette = 4=#2c70b7
palette = 5=#f02e4f
palette = 6=#3ca1a6
palette = 7=#adadad
palette = 8=#5fac6d
palette = 9=#f74319
palette = 10=#74ec4c
palette = 11=#fdc325
palette = 12=#3393ca
palette = 13=#e75e4f
palette = 14=#4fbce6
palette = 15=#8c735b
background = #1b1c1d
foreground = #adadad
cursor-color = #cdcdcd
cursor-text = #1b1c1d
selection-background = #ea6154
selection-foreground = #1b1c1d

Front End Delight palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1b1c1drgb(27 28 29)hsl(210 4% 11%)oklch(22.6% 0.002 247.9)—
Foregroundforeground#adadadrgb(173 173 173)hsl(0 0% 68%)oklch(74.8% 0.000 0)7.61 AAA
Cursorcursor#cdcdcdrgb(205 205 205)hsl(0 0% 80%)oklch(84.8% 0.000 0)10.74 AAA
Cursor textcursorText#1b1c1drgb(27 28 29)hsl(210 4% 11%)oklch(22.6% 0.002 247.9)1.00 Fail
Selectionselection#ea6154rgb(234 97 84)hsl(5 78% 62%)oklch(66.4% 0.172 28.1)5.15 AA
Selection textselectionText#1b1c1drgb(27 28 29)hsl(210 4% 11%)oklch(22.6% 0.002 247.9)1.00 Fail
Blackcolor0#242526rgb(36 37 38)hsl(210 3% 15%)oklch(26.4% 0.002 247.9)1.11 Fail
Redcolor1#f8511brgb(248 81 27)hsl(15 94% 54%)oklch(66.1% 0.212 36.4)5.03 AA
Greencolor2#565747rgb(86 87 71)hsl(64 10% 31%)oklch(45.1% 0.025 110.3)2.32 Fail
Yellowcolor3#fa771drgb(250 119 29)hsl(24 96% 55%)oklch(71.2% 0.184 48.3)6.28 AA
Bluecolor4#2c70b7rgb(44 112 183)hsl(211 61% 45%)oklch(53.8% 0.131 252.4)3.34 AA Large
Magentacolor5#f02e4frgb(240 46 79)hsl(350 87% 56%)oklch(62.3% 0.225 18.5)4.23 AA Large
Cyancolor6#3ca1a6rgb(60 161 166)hsl(183 47% 44%)oklch(65.3% 0.092 199.8)5.56 AA
Whitecolor7#adadadrgb(173 173 173)hsl(0 0% 68%)oklch(74.8% 0.000 0)7.61 AAA
Bright Blackcolor8#5fac6drgb(95 172 109)hsl(131 32% 52%)oklch(67.8% 0.120 148.4)6.18 AA
Bright Redcolor9#f74319rgb(247 67 25)hsl(11 93% 53%)oklch(64.6% 0.222 33.6)4.69 AA
Bright Greencolor10#74ec4crgb(116 236 76)hsl(105 81% 61%)oklch(84.2% 0.224 139.0)11.25 AAA
Bright Yellowcolor11#fdc325rgb(253 195 37)hsl(44 98% 57%)oklch(84.7% 0.166 85.7)10.57 AAA
Bright Bluecolor12#3393cargb(51 147 202)hsl(202 60% 50%)oklch(63.2% 0.120 238.4)5.01 AA
Bright Magentacolor13#e75e4frgb(231 94 79)hsl(6 76% 61%)oklch(65.5% 0.173 28.9)4.97 AA
Bright Cyancolor14#4fbce6rgb(79 188 230)hsl(197 75% 61%)oklch(74.9% 0.115 226.9)7.86 AAA
Bright Whitecolor15#8c735brgb(140 115 91)hsl(29 21% 45%)oklch(57.3% 0.047 65.5)3.83 AA Large

About Front End Delight

Front End Delight is a dark terminal color scheme built on a neutral #1b1c1d background with #adadad as the default foreground. Body text reaches a 7.61:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 5.93:1 (minimum 2.32:1).

Its palette is moderately saturated, anchored by #f8511b red, #565747 green, #2c70b7 blue, and #f02e4f 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 Front End Delight

Source: iTerm2 Color Schemes (MIT)