Skip to content
Tintdex

Shapeshifter

Shapeshifter is a soft, vibrant, light terminal color scheme with a #f9f9f9 background and #102015 text (16.1:1 contrast)

Get config
Background
#f9f9f9
Foreground
#102015
Text contrast
16.09:1AAA
Accent contrast
2.79:1min 1.38
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
❯

Shapeshifter configs

16 formats, all from one palette

Shapeshifter

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

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

palette = 0=#f9f9f9
palette = 1=#e92f2f
palette = 2=#0ed839
palette = 3=#dddd13
palette = 4=#3b48e3
palette = 5=#f996e2
palette = 6=#23edda
palette = 7=#102015
palette = 8=#555555
palette = 9=#e92f2f
palette = 10=#0ed839
palette = 11=#dddd13
palette = 12=#3b48e3
palette = 13=#f996e2
palette = 14=#23edda
palette = 15=#000000
background = #f9f9f9
foreground = #102015
cursor-color = #102015
cursor-text = #f9f9f9
selection-background = #b8bdb9
selection-foreground = #102015

Shapeshifter palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#f9f9f9rgb(249 249 249)hsl(0 0% 98%)oklch(98.2% 0.000 0)—
Foregroundforeground#102015rgb(16 32 21)hsl(139 33% 9%)oklch(22.5% 0.031 153.3)16.09 AAA
Cursorcursor#102015rgb(16 32 21)hsl(139 33% 9%)oklch(22.5% 0.031 153.3)16.09 AAA
Cursor textcursorText#f9f9f9rgb(249 249 249)hsl(0 0% 98%)oklch(98.2% 0.000 0)1.00 Fail
Selectionselection#b8bdb9rgb(184 189 185)hsl(132 4% 73%)oklch(79.3% 0.008 151.9)1.81 Fail
Selection textselectionText#102015rgb(16 32 21)hsl(139 33% 9%)oklch(22.5% 0.031 153.3)16.09 AAA
Blackcolor0#f9f9f9rgb(249 249 249)hsl(0 0% 98%)oklch(98.2% 0.000 0)1.00 Fail
Redcolor1#e92f2frgb(233 47 47)hsl(0 81% 55%)oklch(60.7% 0.220 26.9)4.06 AA Large
Greencolor2#0ed839rgb(14 216 57)hsl(133 88% 45%)oklch(76.7% 0.242 144.5)1.83 Fail
Yellowcolor3#dddd13rgb(221 221 19)hsl(60 84% 47%)oklch(86.9% 0.187 109.7)1.38 Fail
Bluecolor4#3b48e3rgb(59 72 227)hsl(235 75% 56%)oklch(50.0% 0.230 271.1)6.19 AA
Magentacolor5#f996e2rgb(249 150 226)hsl(314 89% 78%)oklch(79.9% 0.150 336.0)1.90 Fail
Cyancolor6#23eddargb(35 237 218)hsl(174 85% 53%)oklch(85.2% 0.146 184.4)1.40 Fail
Whitecolor7#102015rgb(16 32 21)hsl(139 33% 9%)oklch(22.5% 0.031 153.3)16.09 AAA
Bright Blackcolor8#555555rgb(85 85 85)hsl(0 0% 33%)oklch(45.0% 0.000 0)7.08 AAA
Bright Redcolor9#e92f2frgb(233 47 47)hsl(0 81% 55%)oklch(60.7% 0.220 26.9)4.06 AA Large
Bright Greencolor10#0ed839rgb(14 216 57)hsl(133 88% 45%)oklch(76.7% 0.242 144.5)1.83 Fail
Bright Yellowcolor11#dddd13rgb(221 221 19)hsl(60 84% 47%)oklch(86.9% 0.187 109.7)1.38 Fail
Bright Bluecolor12#3b48e3rgb(59 72 227)hsl(235 75% 56%)oklch(50.0% 0.230 271.1)6.19 AA
Bright Magentacolor13#f996e2rgb(249 150 226)hsl(314 89% 78%)oklch(79.9% 0.150 336.0)1.90 Fail
Bright Cyancolor14#23eddargb(35 237 218)hsl(174 85% 53%)oklch(85.2% 0.146 184.4)1.40 Fail
Bright Whitecolor15#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)19.95 AAA

About Shapeshifter

Shapeshifter is a light terminal color scheme built on a neutral #f9f9f9 background with #102015 as the default foreground. Body text reaches a 16.09:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 2.79:1 (minimum 1.38:1).

Its palette is highly saturated, anchored by #e92f2f red, #0ed839 green, #3b48e3 blue, and #f996e2 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 Shapeshifter

Source: Gogh (MIT OR Apache-2.0)