/* ========================================================================== Beej's Guide to C — custom overrides - Code font: Maple Mono - Clean light/dark theme driven by - Fallback to system preference when no data-theme is set (JS-less) ========================================================================== */ /* ---- Fonts --------------------------------------------------------------- Maple Mono is installed system-wide (variable font). Referenced by name. */ :root { --font-code: "Maple Mono", Menlo, Monaco, Consolas, "Lucida Console", monospace; --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } code, kbd, pre, pre code, tt, samp, .sourceCode, code.sourceCode span { font-family: var(--font-code) !important; font-variant-ligatures: contextual; /* Maple's coding ligatures */ } /* Optional: comfortable reading font for body text. Comment this rule out to keep the original sans-serif. */ body { font-family: var(--font-body); } /* ========================================================================== THEME TOKENS ========================================================================== */ /* Light (default / explicit) */ :root, html[data-theme="light"] { --bg: #fdfdfd; --fg: #1a1a1a; --muted: #606060; --link: #0645ad; --link-visit: #6b1a8f; --rule: #e6e6e6; --code-bg: #f4f4f4; --code-fg: #1a1a1a; --pre-bg: #f4f4f4; --pre-fg: #1a1a1a; --quote-fg: #606060; --quote-bar: #d0d0d0; --table-line: #cccccc; /* Ayu Light — syntax palette (ayu, MIT) */ --syn-tag: #55B4D4; --syn-func: #F2A300; --syn-entity: #399EE6; --syn-string: #86B300; --syn-regexp: #4CBF99; --syn-markup: #F07171; --syn-keyword: #FF7E33; --syn-special: #D9B077; --syn-comment: #787B80; --syn-constant: #A37ACC; --syn-operator: #ED9366; } /* Dark */ html[data-theme="dark"] { --bg: #0b0c0d; --fg: #d2d2d2; --muted: #868c91; --link: #7bb0ff; --link-visit: #c99bff; --rule: #232628; --code-bg: #151718; --code-fg: #e0e0e0; --pre-bg: #121314; --pre-fg: #dcdccc; --quote-fg: #a6a6a6; --quote-bar: #33383b; --table-line: #2b2f32; /* Ayu Dark — syntax palette */ --syn-tag: #39BAE6; --syn-func: #FFB454; --syn-entity: #59C2FF; --syn-string: #AAD94C; --syn-regexp: #95E6CB; --syn-markup: #F07178; --syn-keyword: #FF8F40; --syn-special: #E6C08A; --syn-comment: #99ADBF; --syn-constant: #D2A6FF; --syn-operator: #F29668; } /* JS-less fallback: follow the browser when no data-theme is present */ @media (prefers-color-scheme: dark) { html:not([data-theme]) { --bg: #0b0c0d; --fg: #d2d2d2; --muted: #868c91; --link: #7bb0ff; --link-visit: #c99bff; --rule: #232628; --code-bg: #151718; --code-fg: #e0e0e0; --pre-bg: #121314; --pre-fg: #dcdccc; --quote-fg: #a6a6a6; --quote-bar: #33383b; --table-line: #2b2f32; --syn-tag: #39BAE6; --syn-func: #FFB454; --syn-entity: #59C2FF; --syn-string: #AAD94C; --syn-regexp: #95E6CB; --syn-markup: #F07178; --syn-keyword: #FF8F40; --syn-special: #E6C08A; --syn-comment: #99ADBF; --syn-constant: #D2A6FF; --syn-operator: #F29668; } } /* ========================================================================== APPLY TOKENS (win over pandoc's inline