Skip to content
Tintdex

Shrek Light

Shrek Light is a soft, light terminal color scheme with a #ffffff background and #222222 text (15.9:1 contrast)

Get config
Background
#ffffff
Foreground
#222222
Text contrast
15.91:1AAA
Accent contrast
2.50:1min 1.22
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
❯

Shrek Light configs

16 formats, all from one palette

Shrek Light

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

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

palette = 0=#ffffff
palette = 1=#ba0e2e
palette = 2=#b2de62
palette = 3=#857a5e
palette = 4=#afb2a7
palette = 5=#bfb59b
palette = 6=#b2de62
palette = 7=#2f2f2f
palette = 8=#ffffff
palette = 9=#e61f44
palette = 10=#dbf0b6
palette = 11=#b4ab95
palette = 12=#e0e2dd
palette = 13=#e7e3d9
palette = 14=#dbf0b6
palette = 15=#484848
background = #ffffff
foreground = #222222
cursor-color = #222222
cursor-text = #222222
selection-background = #857a5e
selection-foreground = #ffffff

Shrek Light palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)—
Foregroundforeground#222222rgb(34 34 34)hsl(0 0% 13%)oklch(25.2% 0.000 0)15.91 AAA
Cursorcursor#222222rgb(34 34 34)hsl(0 0% 13%)oklch(25.2% 0.000 0)15.91 AAA
Cursor textcursorText#222222rgb(34 34 34)hsl(0 0% 13%)oklch(25.2% 0.000 0)15.91 AAA
Selectionselection#857a5ergb(133 122 94)hsl(43 17% 45%)oklch(58.2% 0.043 89.1)4.25 AA Large
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)1.00 Fail
Blackcolor0#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)1.00 Fail
Redcolor1#ba0e2ergb(186 14 46)hsl(349 86% 39%)oklch(50.3% 0.196 21.1)6.58 AA
Greencolor2#b2de62rgb(178 222 98)hsl(81 65% 63%)oklch(84.4% 0.160 126.0)1.55 Fail
Yellowcolor3#857a5ergb(133 122 94)hsl(43 17% 45%)oklch(58.2% 0.043 89.1)4.25 AA Large
Bluecolor4#afb2a7rgb(175 178 167)hsl(76 7% 68%)oklch(75.8% 0.016 119.2)2.15 Fail
Magentacolor5#bfb59brgb(191 181 155)hsl(43 22% 68%)oklch(77.4% 0.037 89.5)2.04 Fail
Cyancolor6#b2de62rgb(178 222 98)hsl(81 65% 63%)oklch(84.4% 0.160 126.0)1.55 Fail
Whitecolor7#2f2f2frgb(47 47 47)hsl(0 0% 18%)oklch(30.5% 0.000 0)13.39 AAA
Bright Blackcolor8#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)1.00 Fail
Bright Redcolor9#e61f44rgb(230 31 68)hsl(349 80% 51%)oklch(59.5% 0.225 19.4)4.52 AA
Bright Greencolor10#dbf0b6rgb(219 240 182)hsl(82 66% 83%)oklch(92.5% 0.079 124.1)1.22 Fail
Bright Yellowcolor11#b4ab95rgb(180 171 149)hsl(43 17% 65%)oklch(74.3% 0.032 88.4)2.28 Fail
Bright Bluecolor12#e0e2ddrgb(224 226 221)hsl(84 8% 88%)oklch(91.0% 0.007 124.5)1.30 Fail
Bright Magentacolor13#e7e3d9rgb(231 227 217)hsl(43 23% 88%)oklch(91.6% 0.014 88.7)1.28 Fail
Bright Cyancolor14#dbf0b6rgb(219 240 182)hsl(82 66% 83%)oklch(92.5% 0.079 124.1)1.22 Fail
Bright Whitecolor15#484848rgb(72 72 72)hsl(0 0% 28%)oklch(40.2% 0.000 0)9.15 AAA

About Shrek Light

Shrek Light is a light terminal color scheme built on a neutral #ffffff background with #222222 as the default foreground. Body text reaches a 15.91:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 2.50:1 (minimum 1.22:1).

Its palette is moderately saturated, anchored by #ba0e2e red, #b2de62 green, #afb2a7 blue, and #bfb59b 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 Shrek Light

Source: Rainglow (MIT)