Skip to content

OneDark

OneDark is a soft, cool, dark terminal color scheme with a #282c34 background and #abb2bf text (6.6:1 contrast)

Get config
Background
#282c34
Foreground
#abb2bf
Text contrast
6.57:1AA
Accent contrast
6.00:1min 4.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
❯

OneDark configs

16 formats, all from one palette

OneDark

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

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

palette = 0=#282c34
palette = 1=#e06c75
palette = 2=#98c379
palette = 3=#e5c07b
palette = 4=#61afef
palette = 5=#c678dd
palette = 6=#56b6c2
palette = 7=#abb2bf
palette = 8=#545862
palette = 9=#e06c75
palette = 10=#98c379
palette = 11=#e5c07b
palette = 12=#61afef
palette = 13=#c678dd
palette = 14=#56b6c2
palette = 15=#c8ccd4
background = #282c34
foreground = #abb2bf
cursor-color = #abb2bf
cursor-text = #282c34
selection-background = #3e4451
selection-foreground = #abb2bf

OneDark palette

Palette color values and WCAG contrast ratios against the background
ColorSlotHEXRGBHSLOKLCHContrast
Backgroundbackground#282c34rgb(40 44 52)hsl(220 13% 18%)oklch(29.3% 0.016 264.3)—
Foregroundforeground#abb2bfrgb(171 178 191)hsl(219 14% 71%)oklch(76.2% 0.020 263.0)6.57 AA
Cursorcursor#abb2bfrgb(171 178 191)hsl(219 14% 71%)oklch(76.2% 0.020 263.0)6.57 AA
Cursor textcursorText#282c34rgb(40 44 52)hsl(220 13% 18%)oklch(29.3% 0.016 264.3)1.00 Fail
Selectionselection#3e4451rgb(62 68 81)hsl(221 13% 28%)oklch(38.6% 0.024 265.7)1.43 Fail
Selection textselectionText#abb2bfrgb(171 178 191)hsl(219 14% 71%)oklch(76.2% 0.020 263.0)6.57 AA
Blackcolor0#282c34rgb(40 44 52)hsl(220 13% 18%)oklch(29.3% 0.016 264.3)1.00 Fail
Redcolor1#e06c75rgb(224 108 117)hsl(355 65% 65%)oklch(67.1% 0.145 17.0)4.38 AA Large
Greencolor2#98c379rgb(152 195 121)hsl(95 38% 62%)oklch(76.8% 0.110 133.0)6.94 AA
Yellowcolor3#e5c07brgb(229 192 123)hsl(39 67% 69%)oklch(82.5% 0.097 82.3)8.10 AAA
Bluecolor4#61afefrgb(97 175 239)hsl(207 82% 66%)oklch(73.0% 0.121 245.3)5.92 AA
Magentacolor5#c678ddrgb(198 120 221)hsl(286 60% 67%)oklch(69.4% 0.164 318.2)4.75 AA
Cyancolor6#56b6c2rgb(86 182 194)hsl(187 47% 55%)oklch(72.3% 0.092 206.3)5.91 AA
Whitecolor7#abb2bfrgb(171 178 191)hsl(219 14% 71%)oklch(76.2% 0.020 263.0)6.57 AA
Bright Blackcolor8#545862rgb(84 88 98)hsl(223 8% 36%)oklch(46.0% 0.017 268.3)1.97 Fail
Bright Redcolor9#e06c75rgb(224 108 117)hsl(355 65% 65%)oklch(67.1% 0.145 17.0)4.38 AA Large
Bright Greencolor10#98c379rgb(152 195 121)hsl(95 38% 62%)oklch(76.8% 0.110 133.0)6.94 AA
Bright Yellowcolor11#e5c07brgb(229 192 123)hsl(39 67% 69%)oklch(82.5% 0.097 82.3)8.10 AAA
Bright Bluecolor12#61afefrgb(97 175 239)hsl(207 82% 66%)oklch(73.0% 0.121 245.3)5.92 AA
Bright Magentacolor13#c678ddrgb(198 120 221)hsl(286 60% 67%)oklch(69.4% 0.164 318.2)4.75 AA
Bright Cyancolor14#56b6c2rgb(86 182 194)hsl(187 47% 55%)oklch(72.3% 0.092 206.3)5.91 AA
Bright Whitecolor15#c8ccd4rgb(200 204 212)hsl(220 12% 81%)oklch(84.4% 0.012 264.5)8.70 AAA

About OneDark

OneDark is a dark terminal color scheme built on a cool-tinted #282c34 background with #abb2bf as the default foreground. Body text reaches a 6.57:1 WCAG contrast ratio (AA), while the 12 ANSI accent colors average 6.00:1 (minimum 4.38:1).

Its palette is moderately saturated, anchored by #e06c75 red, #98c379 green, #61afef blue, and #c678dd magenta. Part of the One Dark & One Light 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 OneDark

Source: Tinted Theming (Base16 & Base24) (MIT)