Back to Schemas

One Dark

Iconic dark theme from Atom editor with balanced colors

by Atom
darkmodernpopular

Color Palette

color0
#282c34
rgb(40, 44, 52)
color1
#e06c75
rgb(224, 108, 117)
color2
#98c379
rgb(152, 195, 121)
color3
#e5c07b
rgb(229, 192, 123)
color4
#61afef
rgb(97, 175, 239)
color5
#c678dd
rgb(198, 120, 221)
color6
#56b6c2
rgb(86, 182, 194)
color7
#abb2bf
rgb(171, 178, 191)
color8
#5c6370
rgb(92, 99, 112)
color9
#e06c75
rgb(224, 108, 117)
color10
#98c379
rgb(152, 195, 121)
color11
#e5c07b
rgb(229, 192, 123)
color12
#61afef
rgb(97, 175, 239)
color13
#c678dd
rgb(198, 120, 221)
color14
#56b6c2
rgb(86, 182, 194)
color15
#abb2bf
rgb(171, 178, 191)

Terminal Preview

See how this color scheme looks in a real terminal environment with syntax highlighting and command output.

Terminal Preview
user@host:~$ ls -la
total 48
drwxr-xr-x 12 user user 4096 Jan 15 10:30 .
drwxr-xr-x 24 user user 4096 Jan 10 08:15 ..
-rw-r--r-- 1 user user 220 Jan 10 08:15 .bashrc
drwxr-xr-x 3 user user 4096 Jan 12 14:22 .config
-rw-r--r-- 1 user user 3526 Jan 14 16:45 README.md
-rwxr-xr-x 1 user user 8192 Jan 15 09:30 build.sh
drwxr-xr-x 5 user user 4096 Jan 13 11:20 projects
-rw-r--r-- 1 user user 1024 Jan 11 13:00 notes.txt

user@host:~$ cat script.py
def greet(name):
 "Greet a user with their name"
 message = f"Hello, {name}!"
 return message

if __name__ == "__main__":
 result = greet("Ricing Enthusiast")
 print(result)

user@host:~$ npm run build

> coolema@1.0.0 build
> next build

 ▲ Next.js 14.0.0

 Creating an optimized production build
 Compiled successfully
 Linting and checking validity of types
 Collecting page data
 Generating static pages (8/8)
 Finalizing page optimization

Route (app) Size First Load JS
┌ ○ / 1.2 kB 85.3 kB
├ ○ /docs 890 B 84.1 kB
└ ○ /schemas 1.5 kB 86.6 kB

 (Static) prerendered as static content

user@host:~$ git status
On branch main
Your branch is up to date with 'origin/main'.

Changes to be committed:
 (use "git restore --staged <file>..." to unstage)
 modified: components/terminal-preview.tsx
 new file: content/schemas/custom-theme.mdx

user@host:~$ 

Export Configuration

# Kitty Color Scheme
foreground #abb2bf
background #282c34

# Black
color0 #282c34
color8 #5c6370

# Red
color1 #e06c75
color9 #e06c75

# Green
color2 #98c379
color10 #98c379

# Yellow
color3 #e5c07b
color11 #e5c07b

# Blue
color4 #61afef
color12 #61afef

# Magenta
color5 #c678dd
color13 #c678dd

# Cyan
color6 #56b6c2
color14 #56b6c2

# White
color7 #abb2bf
color15 #abb2bf

Related Schemas