Gruvbox for Inkdrop — a retro groove color scheme with warm, low-contrast surfaces and pastel accents. A single dark theme covering the app UI, the editor syntax highlighting, and the Markdown preview.
ipm install gruvboxThen enable it in Preferences → Themes.
The theme uses gruvbox's dark background, medium contrast variant. Its bg/fg
scale becomes Inkdrop's neutral ramp — bg0 (#282828) for the editor, bg0_soft
for the note list, bg1 for the sidebar, fg1 (#ebdbb2) for text — and each of
gruvbox's seven accent hues fills exactly one of the app's color ramps, so every
color in the theme is defined once. Token colors follow the highlight groups in
gruvbox's own colors/gruvbox.vim: red keywords, blue identifiers, green strings
and functions, purple constants, aqua types and inline code, yellow classes, and
gray italic comments.
Gruvbox has no counterpart for a few of Inkdrop's ramps, so those keep the app's own colors rather than a duplicate of a gruvbox hue — the visible effect is that the olive, brown, purple and pink tag colors stay as Inkdrop styles them.
Gruvbox pairs well with a slightly rounded monospace font — the original recommends Fira Code or Iosevka. Set it in Preferences → Editing → Font Family.
npm install
ipm link # symlink into your Inkdrop data dir for local testingEdit the stylesheets in styles/ — tokens.css (the gruvbox palette mapped onto
Inkdrop's color ramps), ui.css (app chrome), syntax.css (editor), and
preview.css (Markdown preview), each wrapped in its @layer — then reload
Inkdrop to see your changes.
palette.json is generated automatically on publish — ipm publish runs
generate-palette via the prepublishOnly script, so you don't commit it by hand.