Back to Schemas

Tokyo Night

A clean, dark theme inspired by the lights of Tokyo at night

by Folke Lemaitre
darkmodernpopularblue

Color Palette

color0
#1a1b26
rgb(26, 27, 38)
color1
#f7768e
rgb(247, 118, 142)
color2
#9ece6a
rgb(158, 206, 106)
color3
#e0af68
rgb(224, 175, 104)
color4
#7aa2f7
rgb(122, 162, 247)
color5
#bb9af7
rgb(187, 154, 247)
color6
#7dcfff
rgb(125, 207, 255)
color7
#c0caf5
rgb(192, 202, 245)
color8
#414868
rgb(65, 72, 104)
color9
#f7768e
rgb(247, 118, 142)
color10
#9ece6a
rgb(158, 206, 106)
color11
#e0af68
rgb(224, 175, 104)
color12
#7aa2f7
rgb(122, 162, 247)
color13
#bb9af7
rgb(187, 154, 247)
color14
#7dcfff
rgb(125, 207, 255)
color15
#c0caf5
rgb(192, 202, 245)

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 #c0caf5
background #1a1b26

# Black
color0 #1a1b26
color8 #414868

# Red
color1 #f7768e
color9 #f7768e

# Green
color2 #9ece6a
color10 #9ece6a

# Yellow
color3 #e0af68
color11 #e0af68

# Blue
color4 #7aa2f7
color12 #7aa2f7

# Magenta
color5 #bb9af7
color13 #bb9af7

# Cyan
color6 #7dcfff
color14 #7dcfff

# White
color7 #c0caf5
color15 #c0caf5

Related Schemas