Skip to content

0.13.0: the paper skin, for a board inside an editorial site - #46

Merged
ralyodio merged 1 commit into
mainfrom
skin/paper
Oct 14, 2026
Merged

ralyodio merged 1 commit into
mainfrom
skin/paper

Conversation

@ralyodio

Copy link
Copy Markdown
Contributor

A fifth skin, paper, so a board mounted at https://w3bs.org/bbs is indistinguishable from w3bs.org. Generic over the accent and selectable in Admin like the others.

The skin (packages/ui/src/styles/paper.css, a layer over modern)

  • Paper #f6f4ed, ink #23352f, muted #6b7268, line #dbded0, sage; Arial text, Georgia headlines, SFMono/Consolas labels. System fonts only, no @font-face.
  • 1264px column; 100px header ruled off by a hairline; plain-text nav at 14px; sign-in as bold text; the host's call to action as an ink-outlined button; wordmark = logo + board name + an accent full stop.
  • Forums as catalogue cards (like w3bs.org/packages), topics as a ruled list, code blocks as the site's dark terminal, sign-in page as the site's account page, a three-column site footer with a mono colophon.
  • Light-only (LIGHT_ONLY_SKINS): ignores the theme cookie and board.theme, drops the toggle.

Supporting changes (inert for other skins)

  • board.navLinks: Community | {forums} renames the board's entry and keeps it current on every board page; Label | https://… | button becomes the header call to action.
  • Layout: .brand-name beside a logo, .footer-columns site footer, both hidden by default.
  • /login and the composer used style="max-width…" attributes the CSP refuses; now .auth-page / .composer-page.
  • Docs: docs/SKINS.md (paper section with the w3bs settings), README, admin help. Tests: test/paper-skin.test.ts.
  • Version bump to 0.13.0.

Verified with side-by-side headless Chromium screenshots against w3bs.org/packages and /login at 1440px and 390px, plus --force-dark-mode. pnpm typecheck and pnpm test (244/244) pass.

🤖 Generated with Claude Code

A fifth skin, `paper`: warm paper, green-black ink, sage hairlines, Georgia
headlines, mono eyebrows, system fonts only. Built so a board mounted at
w3bs.org/bbs reads as part of w3bs.org, and generic over the accent.

- Light-only (LIGHT_ONLY_SKINS): renders light for every reader, ignores the
  theme cookie and board.theme, drops the toggle.
- Wordmark = logo + board name + an accent full stop (.brand-name, hidden
  beside a logo by every other skin).
- board.navLinks: `Label | {forums}` renames the board's entry (and makes it
  the current section on every board page); `Label | url | button` becomes the
  header call to action.
- A full site footer (.footer-columns: tagline, host links, board links incl.
  Search), hidden by the other skins.
- Sign-in and composer pages lose two inline style attributes the CSP was
  refusing, in favour of .auth-page / .composer-page.
- Docs (SKINS.md, README, admin help) and test/paper-skin.test.ts.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@ralyodio
ralyodio merged commit 5d314cd into main Oct 14, 2026
4 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