Dark theme

Tropical Dark

One of 22 themes built into CodeSplash Themes, the free Obsidian plugin — 27 palette colors mapped to editor roles like headings, links, and lists.

Palette

The Tropical Dark palette

All 27 color variables as defined in the plugin — the same values the preview above is painted with.

--tropical-blue

#62E2F8

--tropical-orange

#F89B62

--tropical-red

#F86862

--tropical-green

#62F8C3

--tropical-yellow

#F8F37E

--tropical-purple

#B07AFF

--tropical-pink

#F48AB7

--tropical-lime

#62F883

--tropical-tan

#F8F3C2

--tropical-white

#FFECDB

--tropical-blue-faded

rgba(98,226,248,0.8)

--tropical-orange-faded

rgba(248,155,98,1.0)

--tropical-red-faded

rgba(248,104,98,0.8)

--tropical-green-faded

rgba(98,248,195,0.5)

--tropical-yellow-faded

rgba(248,243,126,0.5)

--tropical-purple-faded

rgba(176,122,255,0.6)

--tropical-pink-faded

rgba(244,138,183,1.0)

--tropical-lime-faded

rgba(98,248,131,0.5)

--alt-lime

#B4FFD6

--alt-blue

#1C468B

--apple-blue

#007AFF

--dark-gray

rgb(50,50,50)

--kiro-dark

#211d25

--kiro-darkest

#19161d

--kiro-gray

#28242e

--kiro-gray-1

#352f3d

--kiro-white

#ffffff

Install

Get Tropical 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 “Tropical Dark”.

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