Tokyo Night
A clean, dark theme inspired by the lights of downtown Tokyo at night. Soft blue-violet canvas with bright cool accents (blue, cyan, magenta, green) and warm orange/yellow highlights. The Night style is the default dark variant; Day is the inverted bright counterpart. Dark mode is sourced from the Night style; light mode is sourced from the Day style — both shipped officially upstream.
34 swatches 14 light roles 14 dark roles
Swatches
night-bg
#1A1B26
Dark mode canvas.
night-bg-dark
#16161E
Dark mode sidebar / popup.
night-bg-dark1
#0C0E14
Deepest dark mode surface.
night-bg-highlight
#292E42
Dark mode active line highlight.
night-fg-gutter
#3B4261
Dark mode gutter foreground.
night-terminal-black
#414868
Dark mode bright black / muted surface.
night-fg
#C0CAF5
Dark mode primary text.
night-fg-dark
#A9B1D6
Dark mode secondary text.
night-dark5
#737AA2
Dark mode tertiary text.
night-comment
#565F89
Dark mode comments.
night-blue
#7AA2F7
Primary accent (dark).
night-cyan
#7DCFFF
Cyan accent (dark).
night-green
#9ECE6A
Success / green (dark).
night-magenta
#BB9AF7
Magenta accent (dark).
night-orange
#FF9E64
Orange accent (dark).
night-red
#F7768E
Red / error (dark).
night-red1
#DB4B4B
Stronger error red (dark).
night-yellow
#E0AF68
Warning / yellow (dark).
day-bg
#E1E2E7
Light mode canvas.
day-bg-dark
#D0D5E3
Light mode sidebar / popup.
day-bg-dark1
#C1C9DF
Light mode deepest surface.
day-bg-highlight
#C4C8DA
Light mode active line highlight.
day-fg
#3760BF
Light mode primary text.
day-fg-dark
#6172B0
Light mode secondary text.
day-dark5
#68709A
Light mode tertiary text.
day-comment
#848CB5
Light mode comments.
day-blue
#2E7DE9
Primary accent (light).
day-cyan
#007197
Cyan accent (light).
day-green
#587539
Success / green (light).
day-magenta
#9854F1
Magenta accent (light).
day-orange
#B15C00
Orange accent (light).
day-red
#F52A65
Red / error (light).
day-red1
#C64343
Stronger error red (light).
day-yellow
#8C6C3E
Warning / yellow (light).
Mode role mappings
Light mode (14 roles)
accent
→ day-magenta accent-hover
→ day-orange background
→ day-bg error
→ day-red primary
→ day-blue primary-hover
→ day-cyan success
→ day-green surface
→ day-bg-dark surface-elevated
→ day-bg-highlight text-primary
→ day-fg text-secondary
→ day-fg-dark text-tertiary
→ day-comment warning
→ day-yellow warning-hover
→ day-orange Dark mode (14 roles)
accent
→ night-magenta accent-hover
→ night-orange background
→ night-bg error
→ night-red primary
→ night-blue primary-hover
→ night-cyan success
→ night-green surface
→ night-bg-dark surface-elevated
→ night-bg-highlight text-primary
→ night-fg text-secondary
→ night-fg-dark text-tertiary
→ night-comment warning
→ night-yellow warning-hover
→ night-orange Provenance
- Source
- https://github.com/folke/tokyonight.nvim
- License
MIT- Attribution
- TokyoNight.nvim by Folke Lemaitre (folke) — github.com/folke/tokyonight.nvim
- Imported
-
2026-05-17 - Notes
- Dark-mode hex values are from lua/tokyonight/colors/storm.lua with the bg overrides from lua/tokyonight/colors/night.lua. Light-mode hex values are from extras/lua/tokyonight_day.lua (the resolved output of the day-mode invert pipeline shipped upstream).