Dark theme

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. 1

    In Obsidian, open Settings → Community plugins and select Browse.

  2. 2

    Search for “CodeSplash Themes”, then Install and Enable.

  3. 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.

22 built-in themesVisual theme editorTransparency, opacity, and macOS vibrancy