Tokyo Night
One of 22 themes built into CodeSplash Themes, the free Obsidian plugin — 19 palette colors mapped to editor roles like headings, links, and lists.
Palette
The Tokyo Night palette
All 19 color variables as defined in the plugin — the same values the preview above is painted with.
--tn-bg
#1a1b26
--tn-bg-dark
#16161e
--tn-bg-highlight
#292e42
--tn-fg
#c0caf5
--tn-fg-dark
#a9b1d6
--tn-comment
#565f89
--tn-blue
#7aa2f7
--tn-blue0
#3d59a1
--tn-cyan
#7dcfff
--tn-green
#9ece6a
--tn-green1
#73daca
--tn-magenta
#bb9af7
--tn-orange
#ff9e64
--tn-purple
#9d7cd8
--tn-red
#f7768e
--tn-red1
#db4b4b
--tn-teal
#1abc9c
--tn-yellow
#e0af68
--tn-terminal-black
#414868
Install
Get Tokyo Night in Obsidian
- 1
In Obsidian, open Settings → Community plugins and select Browse.
- 2
Search for “CodeSplash Themes”, then Install and Enable.
- 3
Open Settings → CodeSplash Themes and set Active Theme to “Tokyo Night”.
CodeSplash AI
Also in CodeSplash AI
The CodeSplash AI desktop ships a Tokyo Night theme in its built-in theme library. In the app, open Settings → Appearance → Theme and pick it.
Get started
Launch CodeSplash Themes
CodeSplash Themes is live now and free to use. Jump straight in with the button below.