Downright / Themes
Six themes. One document.
This page uses the app's theme engine. Pick a theme and the whole page changes with it.
Type in the window. Switch themes while you type. Nothing here is a screenshot.
# Downright renderer showcase**Inline** · **bold** · _italic_ · ~~strike~~ · `code`**Links** · [open](https://x.com) · [[wiki]] · <https://x.com> · note[^1]**Math** · $e^{i\pi}+1=0$ · $\sqrt{x^2+y^2}$ · `$PATH`| Surface | Proof ||---|---|| `Model` | **pass** |> [!NOTE]> Native: prose + source + state + media.- [x] Code · math · Mermaid · table · task**Syntax** · comments, keywords, types, strings, numbers, calls:```swift@MainActor func render(_ source: String) -> NSImage? { let features = ["math", "mermaid"] return cache.image(for: source) { print(features.count) }}```**Math**$$\mathop{\mathrm{read}}(source) \longrightarrow \mathop{\mathrm{render}}(surface)$$**Mermaid**```mermaidflowchart LR A[MD] --> B{?} B -->|no| C[Keep] B -->|yes| D[Render]```## Lower anchorsThis lower shelf gives the document map real structure without competing with the proof above.### Source`sample.md` stays the source of truth while the rendered surface stays native.### StateLinks, callouts, tasks, and math retain their local state as the page grows.### FinishThe rail is now a compact section index, not a lone tick.[^1]: Footnotes resolve locally without moving the reader away from the line.
Downright renderer showcase
Inline · bold · italic · strike · code
Links · open · [[wiki]] · https://x.com · note1
Math · eiπ+1=0 · x2+y2 · $PATH
| Surface | Proof |
|---|---|
Model | pass |
Code · math · Mermaid · table · task
Syntax · comments, keywords, types, strings, numbers, calls:
swift@MainActor func render(_ source: String) -> NSImage? {
let features = ["math", "mermaid"]
return cache.image(for: source) { print(features.count) }
}
Math
Mermaid
Lower anchors
This lower shelf gives the document map real structure without competing with the proof above.
Source
sample.md stays the source of truth while the rendered surface stays native.
State
Links, callouts, tasks, and math retain their local state as the page grows.
Finish
The rail is now a compact section index, not a lone tick.
The same values, straight from the app's theme files.
#f7f4ee#fffdfa#292522#685f56#171614#24211e#e3ddd5#aca297#2e3440#3b4252#d8dee9#aeb8c8#fdf6e3#eee8d5#526b72#526b72#ffffff#f2f2f2#000000#2a2a2asystem:textBackgroundsystem:controlBackgroundsystem:labelsystem:secondaryLabel