Back to Schemas

Dracula

A dark theme with vibrant colors and excellent contrast

by Zeno Rocha
darkvibrantpopularpurple

Color Palette

color0
#21222c
rgb(33, 34, 44)
color1
#ff5555
rgb(255, 85, 85)
color2
#50fa7b
rgb(80, 250, 123)
color3
#f1fa8c
rgb(241, 250, 140)
color4
#bd93f9
rgb(189, 147, 249)
color5
#ff79c6
rgb(255, 121, 198)
color6
#8be9fd
rgb(139, 233, 253)
color7
#f8f8f2
rgb(248, 248, 242)
color8
#6272a4
rgb(98, 114, 164)
color9
#ff6e6e
rgb(255, 110, 110)
color10
#69ff94
rgb(105, 255, 148)
color11
#ffffa5
rgb(255, 255, 165)
color12
#d6acff
rgb(214, 172, 255)
color13
#ff92df
rgb(255, 146, 223)
color14
#a4ffff
rgb(164, 255, 255)
color15
#ffffff
rgb(255, 255, 255)

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 #f8f8f2
background #21222c

# Black
color0 #21222c
color8 #6272a4

# Red
color1 #ff5555
color9 #ff6e6e

# Green
color2 #50fa7b
color10 #69ff94

# Yellow
color3 #f1fa8c
color11 #ffffa5

# Blue
color4 #bd93f9
color12 #d6acff

# Magenta
color5 #ff79c6
color13 #ff92df

# Cyan
color6 #8be9fd
color14 #a4ffff

# White
color7 #f8f8f2
color15 #ffffff

Related Schemas