Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

nord-light

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-light

How to install

ipm install nord-light

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.

styles/tokens.css is shared verbatim with the nord-dark theme: it overrides the built-in --hsl-* / --color-* ramps with ramps generated from the 16 Nord colors (each family anchors a Nord color at step 500; in-between families blend two neighboring Nord hues). The other stylesheets map Inkdrop's semantic variables onto Snow Storm surfaces with Polar Night text, shifting the accent roles from the Nord style guidelines to darker ramp steps where a light background needs the contrast.

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 light theme based on the Nord color palette

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages