Tokyo Night Moon
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 Moon palette
All 19 color variables as defined in the plugin — the same values the preview above is painted with.
--tn-bg
#222436
--tn-bg-dark
#1e2030
--tn-bg-highlight
#2f334d
--tn-fg
#c8d3f5
--tn-fg-dark
#828bb8
--tn-comment
#636da6
--tn-blue
#82aaff
--tn-blue0
#3e68d7
--tn-cyan
#86e1fc
--tn-green
#c3e88d
--tn-green1
#4fd6be
--tn-magenta
#c099ff
--tn-orange
#ff966c
--tn-purple
#fca7ea
--tn-red
#ff757f
--tn-red1
#c53b53
--tn-teal
#4fd6be
--tn-yellow
#ffc777
--tn-terminal-black
#444a73
Install
Get Tokyo Night Moon 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 Moon”.
CodeSplash AI
Also in CodeSplash AI
The CodeSplash AI desktop ships a Tokyo Night Moon 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.