Skip to content
Tintdex

Darkside

Darkside is a dark terminal color scheme with a #222324 background and #bababa text (8.1:1 contrast)

Get config
Background
#222324
Foreground
#bababa
Text contrast
8.11:1AAA
Accent contrast
5.85:1min 3.70
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 configs

16 formats, all from one palette

Darkside

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

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

palette = 0=#000000
palette = 1=#e8341c
palette = 2=#68c256
palette = 3=#f2d42c
palette = 4=#1c98e8
palette = 5=#8e69c9
palette = 6=#1c98e8
palette = 7=#bababa
palette = 8=#000000
palette = 9=#e05a4f
palette = 10=#77b869
palette = 11=#efd64b
palette = 12=#387cd3
palette = 13=#957bbe
palette = 14=#3d97e2
palette = 15=#bababa
background = #222324
foreground = #bababa
cursor-color = #bbbbbb
cursor-text = #ffffff
selection-background = #303333
selection-foreground = #bababa

Darkside palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#222324rgb(34 35 36)hsl(210 3% 14%)oklch(25.5% 0.002 247.9)—
Foregroundforeground#bababargb(186 186 186)hsl(0 0% 73%)oklch(78.9% 0.000 0)8.11 AAA
Cursorcursor#bbbbbbrgb(187 187 187)hsl(0 0% 73%)oklch(79.2% 0.000 0)8.20 AAA
Cursor textcursorText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.74 AAA
Selectionselection#303333rgb(48 51 51)hsl(180 3% 19%)oklch(31.8% 0.004 196.9)1.23 Fail
Selection textselectionText#bababargb(186 186 186)hsl(0 0% 73%)oklch(78.9% 0.000 0)8.11 AAA
Blackcolor0#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.33 Fail
Redcolor1#e8341crgb(232 52 28)hsl(7 82% 51%)oklch(60.7% 0.218 31.1)3.70 AA Large
Greencolor2#68c256rgb(104 194 86)hsl(110 47% 55%)oklch(73.4% 0.169 140.4)7.08 AAA
Yellowcolor3#f2d42crgb(242 212 44)hsl(51 88% 56%)oklch(87.0% 0.170 98.1)10.67 AAA
Bluecolor4#1c98e8rgb(28 152 232)hsl(204 82% 51%)oklch(65.6% 0.155 244.5)5.03 AA
Magentacolor5#8e69c9rgb(142 105 201)hsl(263 47% 60%)oklch(60.0% 0.145 299.8)3.76 AA Large
Cyancolor6#1c98e8rgb(28 152 232)hsl(204 82% 51%)oklch(65.6% 0.155 244.5)5.03 AA
Whitecolor7#bababargb(186 186 186)hsl(0 0% 73%)oklch(78.9% 0.000 0)8.11 AAA
Bright Blackcolor8#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.33 Fail
Bright Redcolor9#e05a4frgb(224 90 79)hsl(5 70% 59%)oklch(63.9% 0.170 27.5)4.31 AA Large
Bright Greencolor10#77b869rgb(119 184 105)hsl(109 36% 57%)oklch(72.0% 0.129 140.1)6.63 AA
Bright Yellowcolor11#efd64brgb(239 214 75)hsl(51 84% 62%)oklch(87.3% 0.155 98.9)10.79 AAA
Bright Bluecolor12#387cd3rgb(56 124 211)hsl(214 64% 52%)oklch(58.6% 0.150 255.9)3.74 AA Large
Bright Magentacolor13#957bbergb(149 123 190)hsl(263 34% 61%)oklch(63.3% 0.102 301.4)4.39 AA Large
Bright Cyancolor14#3d97e2rgb(61 151 226)hsl(207 74% 56%)oklch(65.7% 0.140 247.3)5.04 AA
Bright Whitecolor15#bababargb(186 186 186)hsl(0 0% 73%)oklch(78.9% 0.000 0)8.11 AAA

About Darkside

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

Its palette is moderately saturated, anchored by #e8341c red, #68c256 green, #1c98e8 blue, and #8e69c9 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

Source: iTerm2 Color Schemes (WTFPL)