Tokyo Night Light
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 Light palette
All 19 color variables as defined in the plugin — the same values the preview above is painted with.
--tn-bg
#e6e7ed
--tn-bg-dark
#d6d8df
--tn-bg-highlight
#c1c2c7
--tn-fg
#363c4d
--tn-fg-dark
#707280
--tn-comment
#9699a3
--tn-blue
#2959aa
--tn-blue0
#3366b2
--tn-cyan
#006c86
--tn-green
#385f0d
--tn-green1
#33635c
--tn-magenta
#7b43ba
--tn-orange
#965027
--tn-purple
#65359d
--tn-red
#8c4351
--tn-red1
#942f2f
--tn-teal
#25aac2
--tn-yellow
#8f5e15
--tn-terminal-black
#acb0bf
Install
Get Tokyo Night Light 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 Light”.
CodeSplash AI
Also in CodeSplash AI
The CodeSplash AI desktop ships a Tokyo Night Light 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.