{ "$description": "The look, as data (W3C design tokens). Every colour the app shows is here and nowhere else: src/tokens.ts compiles this to /tokens.css at boot, and bun run lint:design refuses a raw colour anywhere else. A colour's $value is the light theme; $extensions.mode.dark is the dark one.", "color": { "$type": "color", "bg": { "$value": "#ffffff", "$extensions": { "mode": { "dark": "#1e1e1e" } }, "$description": "The page and the note." }, "surface": { "$value": "#f6f6f6", "$extensions": { "mode": { "dark": "#262626" } }, "$description": "The sidebars." }, "fg": { "$value": "#222222", "$extensions": { "mode": { "dark": "#dadada" } } }, "muted": { "$value": "#5e5e5e", "$extensions": { "mode": { "dark": "#a3a3a3" } } }, "line": { "$value": "#e3e3e3", "$extensions": { "mode": { "dark": "#363636" } } }, "hover": { "$value": "#ececec", "$extensions": { "mode": { "dark": "#2f2f2f" } } }, "active": { "$value": "#e9e3fc", "$extensions": { "mode": { "dark": "#332e47" } }, "$description": "The open note in the list." }, "accent": { "$value": "#6741d9", "$extensions": { "mode": { "dark": "#a88bfa" } } }, "accent-fg": { "$value": "#ffffff", "$extensions": { "mode": { "dark": "#1a1033" } } }, "danger": { "$value": "#b42318", "$extensions": { "mode": { "dark": "#f87171" } } }, "mark-bg": { "$value": "#fff3a3", "$extensions": { "mode": { "dark": "#5e5017" } }, "$description": "==Highlights==." }, "code-bg": { "$value": "#f1f1f1", "$extensions": { "mode": { "dark": "#2b2b2b" } } }, "code-fg": { "$value": "#a1246f", "$extensions": { "mode": { "dark": "#f2a5cf" } } }, "tag-bg": { "$value": "#ede8fd", "$extensions": { "mode": { "dark": "#2f2a45" } } }, "tag-fg": { "$value": "#5130b8", "$extensions": { "mode": { "dark": "#c9b8ff" } } }, "link-missing": { "$value": "#7a5dc7", "$extensions": { "mode": { "dark": "#8f7bc4" } }, "$description": "A [[link]] to a note not written yet." }, "graph-node": { "$value": "#8f8f8f", "$extensions": { "mode": { "dark": "#8c8c8c" } } }, "graph-edge": { "$value": "#d2d2d2", "$extensions": { "mode": { "dark": "#474747" } } }, "callout-info": { "$value": "#1d5fd1", "$extensions": { "mode": { "dark": "#6aa8ff" } } }, "callout-tip": { "$value": "#0b7350", "$extensions": { "mode": { "dark": "#3ed1a0" } } }, "callout-warning": { "$value": "#9a5300", "$extensions": { "mode": { "dark": "#f7b84b" } } }, "callout-danger": { "$value": "#c2262e", "$extensions": { "mode": { "dark": "#ff7a7a" } } }, "toast-bg": { "$value": "#222222", "$extensions": { "mode": { "dark": "#dadada" } } }, "toast-fg": { "$value": "#ffffff", "$extensions": { "mode": { "dark": "#1e1e1e" } } }, "shadow": { "$value": "#0000002e", "$extensions": { "mode": { "dark": "#00000099" } } }, "scrim": { "$value": "#00000052", "$extensions": { "mode": { "dark": "#000000a3" } } } }, "space": { "$type": "dimension", "1": { "$value": "0.25rem" }, "2": { "$value": "0.5rem" }, "3": { "$value": "0.75rem" }, "4": { "$value": "1rem" }, "5": { "$value": "1.5rem" }, "6": { "$value": "2.5rem" } }, "radius": { "$type": "dimension", "sm": { "$value": "6px" }, "md": { "$value": "10px" }, "lg": { "$value": "14px" }, "pill": { "$value": "999px" } }, "size": { "$type": "dimension", "tap": { "$value": "44px", "$description": "The least a control measures on a side." }, "left": { "$value": "17rem", "$description": "The notes sidebar." }, "right": { "$value": "18rem", "$description": "The links sidebar." }, "read": { "$value": "46rem", "$description": "The widest a line of a note runs." } }, "font": { "$type": "fontFamily", "sans": { "$value": [ "system-ui", "-apple-system", "Segoe UI", "sans-serif" ] }, "mono": { "$value": [ "ui-monospace", "SFMono-Regular", "Menlo", "monospace" ] }, "serif": { "$value": [ "Iowan Old Style", "Palatino Linotype", "Georgia", "serif" ] } }, "text": { "$type": "dimension", "sm": { "$value": "0.875rem" }, "base": { "$value": "1rem", "$description": "Never below 16px: a phone zooms into a smaller input." }, "lg": { "$value": "1.125rem" }, "xl": { "$value": "1.5rem" }, "xs": { "$value": "0.75rem" }, "2xl": { "$value": "2rem" } }, "leading": { "$type": "number", "body": { "$value": 1.55 }, "tight": { "$value": 1.2 } } }