Skip to content

Vs Code Dark+

Vs Code Dark+ is a dark terminal color scheme with a #1e1e1e background and #cccccc text (10.4:1 contrast)

Get config
Background
#1e1e1e
Foreground
#cccccc
Text contrast
10.38:1AAA
Accent contrast
7.92:1min 4.40
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
❯

Vs Code Dark+ configs

16 formats, all from one palette

Vs Code Dark+

Save to ~/.config/ghostty/themes/Vs Code Dark+, then set theme = Vs Code Dark+ in config or config.ghostty

More Ghostty themes
Raw file
# Theme: Vs Code Dark+ (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/vs-code-dark-plus?format=ghostty

palette = 0=#6a787a
palette = 1=#e9653b
palette = 2=#39e9a8
palette = 3=#e5b684
palette = 4=#44aae6
palette = 5=#e17599
palette = 6=#3dd5e7
palette = 7=#c3dde1
palette = 8=#598489
palette = 9=#e65029
palette = 10=#00ff9a
palette = 11=#e89440
palette = 12=#009afb
palette = 13=#ff578f
palette = 14=#5fffff
palette = 15=#d9fbff
background = #1e1e1e
foreground = #cccccc
cursor-color = #cccccc
cursor-text = #1e1e1e
selection-background = #444444
selection-foreground = #cccccc

Vs Code Dark+ palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1e1e1ergb(30 30 30)hsl(0 0% 12%)oklch(23.5% 0.000 0)—
Foregroundforeground#ccccccrgb(204 204 204)hsl(0 0% 80%)oklch(84.5% 0.000 0)10.38 AAA
Cursorcursor#ccccccrgb(204 204 204)hsl(0 0% 80%)oklch(84.5% 0.000 0)10.38 AAA
Cursor textcursorText#1e1e1ergb(30 30 30)hsl(0 0% 12%)oklch(23.5% 0.000 0)1.00 Fail
Selectionselection#444444rgb(68 68 68)hsl(0 0% 27%)oklch(38.7% 0.000 0)1.71 Fail
Selection textselectionText#ccccccrgb(204 204 204)hsl(0 0% 80%)oklch(84.5% 0.000 0)10.38 AAA
Blackcolor0#6a787argb(106 120 122)hsl(188 7% 45%)oklch(56.2% 0.017 207.1)3.64 AA Large
Redcolor1#e9653brgb(233 101 59)hsl(14 80% 57%)oklch(66.4% 0.174 37.9)5.07 AA
Greencolor2#39e9a8rgb(57 233 168)hsl(158 80% 57%)oklch(83.2% 0.167 162.8)10.63 AAA
Yellowcolor3#e5b684rgb(229 182 132)hsl(31 65% 71%)oklch(80.7% 0.085 67.9)9.02 AAA
Bluecolor4#44aae6rgb(68 170 230)hsl(202 76% 58%)oklch(70.4% 0.128 238.4)6.46 AA
Magentacolor5#e17599rgb(225 117 153)hsl(340 64% 67%)oklch(69.5% 0.139 0.2)5.72 AA
Cyancolor6#3dd5e7rgb(61 213 231)hsl(186 78% 57%)oklch(80.3% 0.124 206.8)9.42 AAA
Whitecolor7#c3dde1rgb(195 221 225)hsl(188 33% 82%)oklch(88.0% 0.028 207.8)11.71 AAA
Bright Blackcolor8#598489rgb(89 132 137)hsl(186 21% 44%)oklch(58.4% 0.048 205.1)4.04 AA Large
Bright Redcolor9#e65029rgb(230 80 41)hsl(12 79% 53%)oklch(63.2% 0.193 35.2)4.40 AA Large
Bright Greencolor10#00ff9argb(0 255 154)hsl(156 100% 50%)oklch(87.9% 0.213 156.2)12.52 AAA
Bright Yellowcolor11#e89440rgb(232 148 64)hsl(30 79% 58%)oklch(73.8% 0.140 62.2)6.94 AA
Bright Bluecolor12#009afbrgb(0 154 251)hsl(203 100% 49%)oklch(66.9% 0.178 247.5)5.57 AA
Bright Magentacolor13#ff578frgb(255 87 143)hsl(340 100% 67%)oklch(69.7% 0.207 3.8)5.57 AA
Bright Cyancolor14#5fffffrgb(95 255 255)hsl(180 100% 69%)oklch(91.7% 0.132 195.1)13.68 AAA
Bright Whitecolor15#d9fbffrgb(217 251 255)hsl(186 100% 93%)oklch(96.5% 0.036 205.2)15.24 AAA

About Vs Code Dark+

Vs Code Dark+ is a dark terminal color scheme built on a neutral #1e1e1e background with #cccccc as the default foreground. Body text reaches a 10.38:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 7.92:1 (minimum 4.40:1).

Its palette is moderately saturated, anchored by #e9653b red, #39e9a8 green, #44aae6 blue, and #e17599 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 Vs Code Dark+

Source: Gogh (MIT OR Apache-2.0)