Skip to content
Tintdex

Darkside Light

Darkside Light is a soft, light terminal color scheme with a #e0e0e0 background and #222324 text (11.9:1 contrast)

Get config
Background
#e0e0e0
Foreground
#222324
Text contrast
11.93:1AAA
Accent contrast
2.83:1min 1.37
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 Light configs

16 formats, all from one palette

Darkside Light

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

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

palette = 0=#ededed
palette = 1=#ba0e2e
palette = 2=#15a2c1
palette = 3=#bf2713
palette = 4=#4b8e30
palette = 5=#c1721d
palette = 6=#7b5baf
palette = 7=#2e3031
palette = 8=#ffffff
palette = 9=#e61f44
palette = 10=#50d0ec
palette = 11=#ed5e4b
palette = 12=#7bc85c
palette = 13=#e7a45d
palette = 14=#b2a0d0
palette = 15=#47494b
background = #e0e0e0
foreground = #222324
cursor-color = #222222
cursor-text = #222324
selection-background = #ff4e50
selection-foreground = #ffffff

Darkside Light palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#e0e0e0rgb(224 224 224)hsl(0 0% 88%)oklch(90.7% 0.000 0)—
Foregroundforeground#222324rgb(34 35 36)hsl(210 3% 14%)oklch(25.5% 0.002 247.9)11.93 AAA
Cursorcursor#222222rgb(34 34 34)hsl(0 0% 13%)oklch(25.2% 0.000 0)12.05 AAA
Cursor textcursorText#222324rgb(34 35 36)hsl(210 3% 14%)oklch(25.5% 0.002 247.9)11.93 AAA
Selectionselection#ff4e50rgb(255 78 80)hsl(359 100% 65%)oklch(67.4% 0.213 24.4)2.46 Fail
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)1.32 Fail
Blackcolor0#edededrgb(237 237 237)hsl(0 0% 93%)oklch(94.6% 0.000 0)1.13 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)4.99 AA
Greencolor2#15a2c1rgb(21 162 193)hsl(191 80% 42%)oklch(65.9% 0.115 218.5)2.28 Fail
Yellowcolor3#bf2713rgb(191 39 19)hsl(7 82% 41%)oklch(52.3% 0.190 31.0)4.53 AA
Bluecolor4#4b8e30rgb(75 142 48)hsl(103 49% 37%)oklch(58.2% 0.145 138.0)3.05 AA Large
Magentacolor5#c1721drgb(193 114 29)hsl(31 74% 44%)oklch(62.6% 0.135 61.2)2.79 Fail
Cyancolor6#7b5bafrgb(123 91 175)hsl(263 34% 52%)oklch(54.2% 0.130 299.6)4.02 AA Large
Whitecolor7#2e3031rgb(46 48 49)hsl(200 3% 19%)oklch(30.8% 0.003 228.9)10.05 AAA
Bright Blackcolor8#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)1.32 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)3.43 AA Large
Bright Greencolor10#50d0ecrgb(80 208 236)hsl(191 80% 62%)oklch(79.8% 0.117 215.0)1.37 Fail
Bright Yellowcolor11#ed5e4brgb(237 94 75)hsl(7 82% 61%)oklch(66.3% 0.181 30.1)2.52 Fail
Bright Bluecolor12#7bc85crgb(123 200 92)hsl(103 50% 57%)oklch(75.9% 0.162 137.5)1.55 Fail
Bright Magentacolor13#e7a45drgb(231 164 93)hsl(31 74% 64%)oklch(76.9% 0.118 66.0)1.61 Fail
Bright Cyancolor14#b2a0d0rgb(178 160 208)hsl(263 34% 72%)oklch(73.8% 0.071 301.8)1.80 Fail
Bright Whitecolor15#47494brgb(71 73 75)hsl(210 3% 29%)oklch(40.4% 0.004 247.9)6.85 AA

About Darkside Light

Darkside Light is a light terminal color scheme built on a neutral #e0e0e0 background with #222324 as the default foreground. Body text reaches a 11.93:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 2.83:1 (minimum 1.37:1).

Its palette is moderately saturated, anchored by #ba0e2e red, #15a2c1 green, #4b8e30 blue, and #c1721d 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 Light

Source: Rainglow (MIT)