Skip to content
Tintdex

Vscode Default Dark Material

Vscode Default Dark Material is a high contrast, dark terminal color scheme with a #1a1a1a background and #eeffff text (16.9:1 contrast)

Get config
Background
#1a1a1a
Foreground
#eeffff
Text contrast
16.89:1AAA
Accent contrast
9.35:1min 5.57
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
❯

Vscode Default Dark Material configs

16 formats, all from one palette

Vscode Default Dark Material

Save to ~/.config/ghostty/themes/Vscode Default Dark Material, then set theme = Vscode Default Dark Material in config or config.ghostty

More Ghostty themes
Raw file
# Theme: Vscode Default Dark Material (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/en/schemes/vscode-default-dark-material?format=ghostty

palette = 0=#000000
palette = 1=#ff5370
palette = 2=#c3e88d
palette = 3=#ffcb6b
palette = 4=#82aaff
palette = 5=#c792ea
palette = 6=#89ddff
palette = 7=#ffffff
palette = 8=#4a4a4a
palette = 9=#ff5370
palette = 10=#c3e88d
palette = 11=#ffcb6b
palette = 12=#82aaff
palette = 13=#c792ea
palette = 14=#89ddff
palette = 15=#ffffff
background = #1a1a1a
foreground = #eeffff
cursor-color = #80cbc4
cursor-text = #1a1a1a
selection-background = #484b4b
selection-foreground = #eeffff

Vscode Default Dark Material palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#1a1a1argb(26 26 26)hsl(0 0% 10%)oklch(21.8% 0.000 0)—
Foregroundforeground#eeffffrgb(238 255 255)hsl(180 100% 97%)oklch(98.8% 0.018 196.9)16.89 AAA
Cursorcursor#80cbc4rgb(128 203 196)hsl(174 42% 65%)oklch(79.1% 0.075 188.2)9.33 AAA
Cursor textcursorText#1a1a1argb(26 26 26)hsl(0 0% 10%)oklch(21.8% 0.000 0)1.00 Fail
Selectionselection#484b4brgb(72 75 75)hsl(180 2% 29%)oklch(41.0% 0.004 197.0)1.98 Fail
Selection textselectionText#eeffffrgb(238 255 255)hsl(180 100% 97%)oklch(98.8% 0.018 196.9)16.89 AAA
Blackcolor0#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.21 Fail
Redcolor1#ff5370rgb(255 83 112)hsl(350 100% 66%)oklch(68.5% 0.207 14.8)5.57 AA
Greencolor2#c3e88drgb(195 232 141)hsl(84 66% 73%)oklch(88.4% 0.124 126.8)12.64 AAA
Yellowcolor3#ffcb6brgb(255 203 107)hsl(39 100% 71%)oklch(86.9% 0.128 81.1)11.61 AAA
Bluecolor4#82aaffrgb(130 170 255)hsl(221 100% 75%)oklch(74.4% 0.131 264.3)7.58 AAA
Magentacolor5#c792eargb(199 146 234)hsl(276 68% 75%)oklch(74.3% 0.135 311.1)7.23 AAA
Cyancolor6#89ddffrgb(137 221 255)hsl(197 100% 77%)oklch(85.6% 0.094 225.9)11.48 AAA
Whitecolor7#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)17.40 AAA
Bright Blackcolor8#4a4a4argb(74 74 74)hsl(0 0% 29%)oklch(40.9% 0.000 0)1.96 Fail
Bright Redcolor9#ff5370rgb(255 83 112)hsl(350 100% 66%)oklch(68.5% 0.207 14.8)5.57 AA
Bright Greencolor10#c3e88drgb(195 232 141)hsl(84 66% 73%)oklch(88.4% 0.124 126.8)12.64 AAA
Bright Yellowcolor11#ffcb6brgb(255 203 107)hsl(39 100% 71%)oklch(86.9% 0.128 81.1)11.61 AAA
Bright Bluecolor12#82aaffrgb(130 170 255)hsl(221 100% 75%)oklch(74.4% 0.131 264.3)7.58 AAA
Bright Magentacolor13#c792eargb(199 146 234)hsl(276 68% 75%)oklch(74.3% 0.135 311.1)7.23 AAA
Bright Cyancolor14#89ddffrgb(137 221 255)hsl(197 100% 77%)oklch(85.6% 0.094 225.9)11.48 AAA
Bright Whitecolor15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)17.40 AAA

About Vscode Default Dark Material

Vscode Default Dark Material is a dark terminal color scheme built on a neutral #1a1a1a background with #eeffff as the default foreground. Body text reaches a 16.89:1 WCAG contrast ratio (AAA), while the 12 ANSI accent colors average 9.35:1 (minimum 5.57:1).

Its palette is moderately saturated, anchored by #ff5370 red, #c3e88d green, #82aaff blue, and #c792ea magenta. Part of the Material theme family.

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 Vscode Default Dark Material

Source: Warp Themes (Apache-2.0)