Skip to content
Tintdex

Joker Contrast

Joker Contrast is a dark terminal color scheme with a #141619 background and #c0ccdb text (11.1:1 contrast)

Get config
Background
#141619
Foreground
#c0ccdb
Text contrast
11.14:1AAA
Accent contrast
9.43:1min 2.75
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
❯

Joker Contrast configs

16 formats, all from one palette

Joker Contrast

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

More Ghostty themes
Raw file
# Theme: Joker Contrast (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/joker-contrast?format=ghostty

palette = 0=#1f2227
palette = 1=#ba0e2e
palette = 2=#00b27d
palette = 3=#9a6fc4
palette = 4=#ffffff
palette = 5=#00b27d
palette = 6=#9a6fc4
palette = 7=#d0d9e4
palette = 8=#363b43
palette = 9=#e61f44
palette = 10=#19ffbb
palette = 11=#cdb7e2
palette = 12=#ffffff
palette = 13=#19ffbb
palette = 14=#cdb7e2
palette = 15=#f1f3f7
background = #141619
foreground = #c0ccdb
cursor-color = #ffffff
cursor-text = #c0ccdb
selection-background = #00b27d
selection-foreground = #ffffff

Joker Contrast palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#141619rgb(20 22 25)hsl(216 11% 9%)oklch(19.9% 0.007 258.4)—
Foregroundforeground#c0ccdbrgb(192 204 219)hsl(213 27% 81%)oklch(84.1% 0.025 254.0)11.14 AAA
Cursorcursor#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.13 AAA
Cursor textcursorText#c0ccdbrgb(192 204 219)hsl(213 27% 81%)oklch(84.1% 0.025 254.0)11.14 AAA
Selectionselection#00b27drgb(0 178 125)hsl(162 100% 35%)oklch(67.6% 0.146 163.2)6.62 AA
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.13 AAA
Blackcolor0#1f2227rgb(31 34 39)hsl(218 11% 14%)oklch(25.1% 0.010 260.7)1.14 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)2.75 Fail
Greencolor2#00b27drgb(0 178 125)hsl(162 100% 35%)oklch(67.6% 0.146 163.2)6.62 AA
Yellowcolor3#9a6fc4rgb(154 111 196)hsl(270 42% 60%)oklch(61.9% 0.132 306.2)4.70 AA
Bluecolor4#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.13 AAA
Magentacolor5#00b27drgb(0 178 125)hsl(162 100% 35%)oklch(67.6% 0.146 163.2)6.62 AA
Cyancolor6#9a6fc4rgb(154 111 196)hsl(270 42% 60%)oklch(61.9% 0.132 306.2)4.70 AA
Whitecolor7#d0d9e4rgb(208 217 228)hsl(213 27% 85%)oklch(88.2% 0.018 253.4)12.71 AAA
Bright Blackcolor8#363b43rgb(54 59 67)hsl(217 11% 24%)oklch(35.1% 0.016 259.8)1.61 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)4.01 AA Large
Bright Greencolor10#19ffbbrgb(25 255 187)hsl(162 100% 55%)oklch(88.7% 0.184 164.9)13.86 AAA
Bright Yellowcolor11#cdb7e2rgb(205 183 226)hsl(271 43% 80%)oklch(81.2% 0.064 308.1)9.90 AAA
Bright Bluecolor12#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)18.13 AAA
Bright Magentacolor13#19ffbbrgb(25 255 187)hsl(162 100% 55%)oklch(88.7% 0.184 164.9)13.86 AAA
Bright Cyancolor14#cdb7e2rgb(205 183 226)hsl(271 43% 80%)oklch(81.2% 0.064 308.1)9.90 AAA
Bright Whitecolor15#f1f3f7rgb(241 243 247)hsl(220 27% 96%)oklch(96.4% 0.006 264.5)16.32 AAA

About Joker Contrast

Joker Contrast is a dark terminal color scheme built on a neutral #141619 background with #c0ccdb as the default foreground. Body text reaches a 11.14:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 9.43:1 (minimum 2.75:1).

Its palette is moderately saturated, anchored by #ba0e2e red, #00b27d green, #ffffff blue, and #00b27d 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 Joker Contrast

Source: Rainglow (MIT)