Skip to content
Tintdex

Vuesion

Vuesion is a cool, dark terminal color scheme with a #202831 background and #ffffff text (14.9:1 contrast)

Get config
Background
#202831
Foreground
#ffffff
Text contrast
14.90:1AAA
Accent contrast
5.88:1min 3.77
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
❯

Vuesion configs

16 formats, all from one palette

Vuesion

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

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

palette = 0=#282828
palette = 1=#e84606
palette = 2=#3d8beb
palette = 3=#f43b6c
palette = 4=#8dc3f9
palette = 5=#33cccc
palette = 6=#33cccc
palette = 7=#ffffff
palette = 8=#282828
palette = 9=#e84606
palette = 10=#3d8beb
palette = 11=#f43b6c
palette = 12=#8dc3f9
palette = 13=#33cccc
palette = 14=#33cccc
palette = 15=#ffffff
background = #202831
foreground = #ffffff
cursor-color = #4a9bfd
cursor-text = #202831
selection-background = #51575f
selection-foreground = #ffffff

Vuesion palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#202831rgb(32 40 49)hsl(212 21% 16%)oklch(27.3% 0.020 251.6)—
Foregroundforeground#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)14.90 AAA
Cursorcursor#4a9bfdrgb(74 155 253)hsl(213 98% 64%)oklch(68.5% 0.165 254.8)5.25 AA
Cursor textcursorText#202831rgb(32 40 49)hsl(212 21% 16%)oklch(27.3% 0.020 251.6)1.00 Fail
Selectionselection#51575frgb(81 87 95)hsl(214 8% 35%)oklch(45.4% 0.015 255.6)2.04 Fail
Selection textselectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)14.90 AAA
Blackcolor0#282828rgb(40 40 40)hsl(0 0% 16%)oklch(27.7% 0.000 0)1.01 Fail
Redcolor1#e84606rgb(232 70 6)hsl(17 95% 47%)oklch(62.3% 0.207 36.8)3.77 AA Large
Greencolor2#3d8bebrgb(61 139 235)hsl(213 81% 58%)oklch(63.6% 0.163 255.3)4.32 AA Large
Yellowcolor3#f43b6crgb(244 59 108)hsl(344 89% 59%)oklch(64.5% 0.220 11.0)4.04 AA Large
Bluecolor4#8dc3f9rgb(141 195 249)hsl(210 90% 76%)oklch(80.0% 0.096 249.1)8.02 AAA
Magentacolor5#33ccccrgb(51 204 204)hsl(180 60% 50%)oklch(77.0% 0.121 194.9)7.56 AAA
Cyancolor6#33ccccrgb(51 204 204)hsl(180 60% 50%)oklch(77.0% 0.121 194.9)7.56 AAA
Whitecolor7#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)14.90 AAA
Bright Blackcolor8#282828rgb(40 40 40)hsl(0 0% 16%)oklch(27.7% 0.000 0)1.01 Fail
Bright Redcolor9#e84606rgb(232 70 6)hsl(17 95% 47%)oklch(62.3% 0.207 36.8)3.77 AA Large
Bright Greencolor10#3d8bebrgb(61 139 235)hsl(213 81% 58%)oklch(63.6% 0.163 255.3)4.32 AA Large
Bright Yellowcolor11#f43b6crgb(244 59 108)hsl(344 89% 59%)oklch(64.5% 0.220 11.0)4.04 AA Large
Bright Bluecolor12#8dc3f9rgb(141 195 249)hsl(210 90% 76%)oklch(80.0% 0.096 249.1)8.02 AAA
Bright Magentacolor13#33ccccrgb(51 204 204)hsl(180 60% 50%)oklch(77.0% 0.121 194.9)7.56 AAA
Bright Cyancolor14#33ccccrgb(51 204 204)hsl(180 60% 50%)oklch(77.0% 0.121 194.9)7.56 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)14.90 AAA

About Vuesion

Vuesion is a dark terminal color scheme built on a cool-tinted #202831 background with #ffffff as the default foreground. Body text reaches a 14.90:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 5.88:1 (minimum 3.77:1).

Its palette is moderately saturated, anchored by #e84606 red, #3d8beb green, #8dc3f9 blue, and #33cccc 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 Vuesion

Source: Warp Themes (Apache-2.0)