markdownpad / themes

The quiet room

A focused, Notepad-inspired markdown editor for macOS. Open, edit, save markdown files. Open .md files, toggle between edit and view modes with ⇧⌘P, and let links and code render inline. That's it.

Features

Most of writing is just sitting down and doing it. The tools should get out of the way.

Sample code

// Returns the resolved theme based on the user's preference.
export function resolveTheme(pref: Theme): ResolvedTheme {
  if (pref === 'system') {
    return matchMedia('(prefers-color-scheme: dark)').matches
      ? 'dark'
      : 'light';
  }
  return pref;
}

const palette = {
  bg: '#0d1117',
  fg: '#e6edf3',
  accentLevel: 0.85,
};

Sample diagram

flowchart LR
  A[Markdown source] --> B{Mode?}
  B -->|edit| C[CodeMirror]
  B -->|view| D[react-markdown]
  D --> E[Code blocks]
  D --> F[Mermaid]
  D --> G[Tables]
      

Color reference

--bg background
--fg foreground text
--accent links / highlights
--code-bg code block background
--code-keyword keywords
--code-string strings
--code-comment comments
--code-fn functions