Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

nord

An arctic, north-bluish Inkdrop theme based on the Nord color palette — a single theme that styles the app UI, the editor syntax, and the Markdown preview.

Screenshot of nord

How to install

ipm install nord

Then enable it in Preferences → Themes.

Development

npm install
ipm link   # symlink into your Inkdrop data dir for local testing

Edit the stylesheets in styles/tokens.css (design-token ramps generated from the Nord palette), ui.css (app chrome), syntax.css (editor), and preview.css (Markdown preview), each wrapped in its @layer — then reload Inkdrop to see your changes.

The Nord palette is too small to cover Inkdrop's Tailwind-style design tokens directly, so styles/tokens.css overrides the built-in --hsl-* / --color-* ramps with ramps generated from the 16 Nord colors: each family anchors a Nord color at step 500 (hue and saturation held constant, lightness interpolated), and in-between families (sky, amber, lime, …) blend two neighboring Nord hues. The other stylesheets then only map Inkdrop's semantic variables onto those ramps, following the Nord style guidelines (keywords nord9, functions nord8, types nord7, strings nord14, numbers nord15, …).

palette.json is generated automatically on publish — ipm publish runs generate-palette via the prepublishOnly script, so you don't commit it by hand.

About

An arctic, north-bluish dark theme based on the Nord color palette

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages