Theme plugin
Case study

active · Selected build

Hue for Inkdrop

Three unified Inkdrop v6 themes that carry Huế-inspired color across the app, editor, Markdown preview, syntax, and diagrams.

View source View on Inkdrop
Inkdrop running the Huế Mưa theme with a rendered technical note and syntax-highlighted code
Status
active
Last activity
4 Sep 2026
Verified host
Inkdrop 6.1.4
Registry downloads
142
Snapshot
7 Sep 2026
License
MIT
  • typescript

Verified distribution

Published packages

3 themes · 142 downloads

PackageVersionDownloads
hue-mua-theme0.6.249
hue-huong-theme0.6.251
hue-cung-theme0.6.242

Installed on Inkdrop 6.1.4 formacOS; registry counts verified 7 Sep 2026.

03 views
Inkdrop theme settings rendered with the light Huế Cung theme selected
Huế Cung keeps the complete Inkdrop settings surface light, warm, and readable.
Inkdrop theme settings rendered with the dark Huế Hương theme selected
Huế Hương applies its dark plum palette to the full app chrome and theme previews.
Inkdrop theme settings rendered with the dark Huế Mưa theme selected
Huế Mưa uses deep river blues while preserving hierarchy across native controls.

Why I built it

Writing themes often stop at the editor. The surrounding app, rendered preview, code blocks, diagrams, and translucent surfaces then drift into unrelated palettes. Hue for Inkdrop treats the whole writing environment as one system.

The system

Three registry packages deliver Mưa, Hương, and Cung as unified Inkdrop v6 themes. A TypeScript adapter reads the shared Hue token contract and generates the palette plus four stylesheets for UI, syntax, preview, and editor behavior.

The same semantic roles reach the sidebar, note list, CodeMirror editor, Markdown preview, GitHub-style alerts, Mermaid diagrams, and scrollbars. Acrylic translucency remains optional and keeps readable surfaces more opaque than the surrounding chrome.

Decisions that matter

  • Each mood is independently installable because Inkdrop selects one theme package at a time.
  • Generated CSS is never edited by hand; fixes start in tokens or the adapter.
  • Inkdrop-specific states reuse semantic roles instead of introducing another palette.
  • Light and dark appearances are declared explicitly for native theme behavior.

What it demonstrates

The useful result is not three screenshots with different colors. It is one contract surviving across writing, editing, previewing, diagrams, and app navigation without those surfaces drifting apart.

1 / 1