Kiro Dark
One of 22 themes built into CodeSplash Themes, the free Obsidian plugin — 29 palette colors mapped to editor roles like headings, links, and lists.
Palette
The Kiro Dark palette
All 29 color variables as defined in the plugin — the same values the preview above is painted with.
--kiro-blue
#8dc8fb
--kiro-blue-1
#0c9aa7
--kiro-blue-2
#2d6a9f
--kiro-dark
#211d25
--kiro-dark-purple
#7138cc
--kiro-darkest
#19161d
--kiro-gray
#28242e
--kiro-gray-1
#352f3d
--kiro-gray-2
#938f9b
--kiro-green
#80ffb5
--kiro-green-1
#367c53
--kiro-light
#938f9b
--kiro-light-purple
#e2d3fe
--kiro-lightest
#ffffff99
--kiro-orange
#ffcf99
--kiro-orange-1
#d08025
--kiro-pink
#ff80b5
--kiro-pink-1
#c80e5c
--kiro-purple
#b080ff
--kiro-purple-1
#876eb1
--kiro-purple-2
#8e47ff
--kiro-purple-3
#7138cc
--kiro-red
#ff8080
--kiro-red-1
#993333
--kiro-turquoise
#80f4ff
--kiro-white
#ffffff
--kiro-white-1
#eae8ed
--kiro-white-2
#f2f1f4
--kiro-white-3
#dcdadf
Install
Get Kiro Dark 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 “Kiro Dark”.
CodeSplash AI
Also in CodeSplash AI
The CodeSplash AI desktop ships a Kiro Dark 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.