Skip to content

Darkside Contrast

Darkside Contrast is a true black, dark terminal color scheme with a #000000 background and #bababa text (10.8:1 contrast)

Get config
Background
#000000
Foreground
#bababa
Text contrast
10.82:1AAA
Accent contrast
8.70:1min 3.19
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
❯

Darkside Contrast configs

16 formats, all from one palette

Darkside Contrast

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

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

palette = 0=#0d0d0d
palette = 1=#ba0e2e
palette = 2=#1cc3e8
palette = 3=#e8341c
palette = 4=#68c244
palette = 5=#f08d24
palette = 6=#8e69c9
palette = 7=#c7c7c7
palette = 8=#262626
palette = 9=#e61f44
palette = 10=#79dbf1
palette = 11=#f18779
palette = 12=#a6db91
palette = 13=#f7bf83
palette = 14=#c7b4e4
palette = 15=#e0e0e0
background = #000000
foreground = #bababa
cursor-color = #f8f8f0
cursor-text = #bababa
selection-background = #ff4e50
selection-foreground = #ffffff

Darkside Contrast palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)—
Foregroundforeground#bababargb(186 186 186)hsl(0 0% 73%)oklch(78.9% 0.000 0)10.82 AAA
Cursorcursor#f8f8f0rgb(248 248 240)hsl(60 36% 96%)oklch(97.7% 0.011 106.6)19.68 AAA
Cursor textcursorText#bababargb(186 186 186)hsl(0 0% 73%)oklch(78.9% 0.000 0)10.82 AAA
Selectionselection#ff4e50rgb(255 78 80)hsl(359 100% 65%)oklch(67.4% 0.213 24.4)6.46 AA
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)21.00 AAA
Blackcolor0#0d0d0drgb(13 13 13)hsl(0 0% 5%)oklch(15.9% 0.000 0)1.08 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)3.19 AA Large
Greencolor2#1cc3e8rgb(28 195 232)hsl(191 82% 51%)oklch(75.6% 0.132 218.6)10.02 AAA
Yellowcolor3#e8341crgb(232 52 28)hsl(7 82% 51%)oklch(60.7% 0.218 31.1)4.94 AA
Bluecolor4#68c244rgb(104 194 68)hsl(103 51% 51%)oklch(73.2% 0.184 138.0)9.39 AAA
Magentacolor5#f08d24rgb(240 141 36)hsl(31 87% 54%)oklch(73.4% 0.160 60.5)8.54 AAA
Cyancolor6#8e69c9rgb(142 105 201)hsl(263 47% 60%)oklch(60.0% 0.145 299.8)5.01 AA
Whitecolor7#c7c7c7rgb(199 199 199)hsl(0 0% 78%)oklch(83.0% 0.000 0)12.42 AAA
Bright Blackcolor8#262626rgb(38 38 38)hsl(0 0% 15%)oklch(26.9% 0.000 0)1.39 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)4.64 AA
Bright Greencolor10#79dbf1rgb(121 219 241)hsl(191 81% 71%)oklch(83.9% 0.097 214.0)13.22 AAA
Bright Yellowcolor11#f18779rgb(241 135 121)hsl(7 81% 71%)oklch(73.5% 0.132 28.6)8.48 AAA
Bright Bluecolor12#a6db91rgb(166 219 145)hsl(103 51% 71%)oklch(83.6% 0.114 137.1)13.16 AAA
Bright Magentacolor13#f7bf83rgb(247 191 131)hsl(31 88% 74%)oklch(84.2% 0.100 67.7)12.73 AAA
Bright Cyancolor14#c7b4e4rgb(199 180 228)hsl(264 47% 80%)oklch(80.2% 0.070 302.9)11.08 AAA
Bright Whitecolor15#e0e0e0rgb(224 224 224)hsl(0 0% 88%)oklch(90.7% 0.000 0)15.91 AAA

About Darkside Contrast

Darkside Contrast is a dark terminal color scheme built on a neutral #000000 background with #bababa as the default foreground. Body text reaches a 10.82:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 8.70:1 (minimum 3.19:1).

Its palette is moderately saturated, anchored by #ba0e2e red, #1cc3e8 green, #68c244 blue, and #f08d24 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 Darkside Contrast

Source: Rainglow (MIT)