Midnight Cedar
A two-mode developer documentation theme: paper and charcoal surfaces, high-contrast type, and a single warm cedar-amber accent. Docs and code are the showcase surfaces.
Version 1.1.0Meet Midnight Cedar
A look at its colors and typography, from the headline to the smallest details.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
The identity
A character of its own
Midnight Cedar is a two-mode developer documentation system: warm paper by day, deep GitHub charcoal after dusk, and one cedar-amber accent that appears only on links, primary actions, and the thin top rule that crowns key panels. It stays calm, technical, and readable for hours.
- technical
- calm
- precise
- legible
The palette
Color with intention
Light palette
#fbf7f0#201a14#9a5c1f#f1e2cd#eee6daDark palette
#0d1117#e6edf3#d4944d#1c2128#161b22The typography
Find your voice in type
Headings
Make a little room for possibility.
-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serifBody
Good stories start with a clear point of view.
system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serifCode & details
Aa Bb Cc · 0123456789
"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospaceMade for
Who it speaks to
Developer-tooling companies, open-source projects, API platforms, and technical teams whose sites are carried by documentation, changelogs, and engineering writing. Typical owners: a database company shipping a docs site with copy-pasteable snippets, an SDK maintainer publishing guides and a release blog, an infra startup that wants marketing pages and reference docs to feel like one product.
The voice
How it sounds
Direct, precise, and unhurried — the register of a good README. Prefer the exact command over a paraphrase, the concrete number over an adjective, and the shortest sentence that still teaches. Assume a competent reader; never over-explain, never oversell.
Art direction
The thinking behind the look
Light mode uses warm paper (#fbf7f0), dark cedar ink (#201a14), and cedar-amber actions (#9a5c1f); dark mode preserves GitHub charcoal (#0d1117), near-white text (#e6edf3), and brighter amber (#d4944d). The recurring signature is a 3px amber crown on key docs panels. System sans and SFMono carry 16px/1.75 long-form reading, medium radii, and load-bearing code blocks that remain pinned dark in both modes.