Ayu Dark
One of 22 themes built into CodeSplash Themes, the free Obsidian plugin — 15 palette colors mapped to editor roles like headings, links, and lists.
Palette
The Ayu Dark palette
All 15 color variables as defined in the plugin — the same values the preview above is painted with.
--ayu-bg
#0f1419
--ayu-bg-dark
#0d1017
--ayu-bg-highlight
#191f26
--ayu-selection
#273747
--ayu-fg
#bfbdb6
--ayu-fg-dark
#5c6773
--ayu-comment
#5c6773
--ayu-red
#f07178
--ayu-orange
#ff8f40
--ayu-yellow
#ffb454
--ayu-green
#aad94c
--ayu-cyan
#95e6cb
--ayu-blue
#59c2ff
--ayu-purple
#d2a6ff
--ayu-accent
#e6b450
Install
Get Ayu 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 “Ayu Dark”.
CodeSplash AI
Also in CodeSplash AI
The CodeSplash AI desktop ships a Ayu 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.