Skip to content

feat: restyle blog to paper-terminal theme matching openadapt.ai#9

Merged
abrichr merged 2 commits into
mainfrom
feat/paper-terminal-theme
Jul 8, 2026
Merged

feat: restyle blog to paper-terminal theme matching openadapt.ai#9
abrichr merged 2 commits into
mainfrom
feat/paper-terminal-theme

Conversation

@abrichr

@abrichr abrichr commented Jul 8, 2026

Copy link
Copy Markdown
Member

Summary

Restyles the blog from the dark purple theme to the paper terminal design used on openadapt.ai.

Design tokens

  • Page background #F2F1EC, panels #FDFCF9, hairlines #DDDCD2
  • Text #23281F, secondary #4C523F
  • Single accent #3E6B4F — links, mono eyebrows, tags
  • Code blocks stay dark: bg #14171A, text #D9DEE6, green #86D9A8

Changes

  • assets/css/extended/openadapt-theme.css rewritten — all styling via PaperMod's extended-CSS override mechanism (theme submodule untouched)
  • hugo.toml: defaultTheme = "light", toggle stays disabled; markup.highlight.noClasses = false for class-based Chroma highlighting; theme-color meta matches paper bg
  • Headings use the Avenir Next stack; body is system sans; mono (ui-monospace/Menlo) for post meta, breadcrumbs, and tags
  • Post images get a hairline border so white-background charts (e.g. the 500th-run benchmark chart) read cleanly on the paper ground
  • Recording shortcode, TOC, pagination, paginav, share buttons, footer restyled to match

Verification

  • hugo --minify builds clean; verified CSS variables and .chroma classes land in the generated HTML (data-theme=light, no toggle button)
  • Screenshotted homepage and the-500th-run post at 1280px — paper ground, dark code blocks with green tokens, bordered chart all render as intended

🤖 Generated with Claude Code

abrichr and others added 2 commits July 8, 2026 11:17
Replace the dark purple theme with the paper-terminal design from the
marketing site: warm paper ground (#F2F1EC), off-white panels (#FDFCF9),
hairline borders (#DDDCD2), ink text (#23281F / #4C523F), and a single
green accent (#3E6B4F) for links, mono eyebrows, and tags.

- Light theme only: defaultTheme = light, toggle stays disabled
- Headings in Avenir Next stack, body system sans, mono for meta/tags
- Code blocks stay dark (#14171A bg, #D9DEE6 text, #86D9A8 green) via
  class-based Chroma highlighting (markup.highlight.noClasses = false)
- Post images get a hairline border so white-background charts read on
  the paper ground
- Recording shortcode, TOC, pagination, footer, share/social restyled
- theme-color meta updated to match the paper background

All overrides live in assets/css/extended/ — the PaperMod submodule is
untouched.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The workflow only triggered on push to main, so PRs had no build
check. Add a pull_request trigger for the build job; artifact upload
and deploy remain main-push only.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@abrichr abrichr merged commit 233d2bc into main Jul 8, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant