@meith/theme-midnight 0.6.0 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/theme-midnight",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "A dark theme for Meith, built on the default theme's slots.",
   "license": "LGPL-3.0-or-later",
   "repository": {
@@ -20,8 +20,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@meith/theme-default": "^0.6.0",
-    "@meith/theme-kit": "^0.6.0"
+    "@meith/theme-default": "^0.8.0",
+    "@meith/theme-kit": "^0.8.0"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/src/copy.ts

@@ -0,0 +1,186 @@
+import type { SlotCopy, Translator } from '@meith/theme-kit'
+
+function copyFor(t: Translator, keys: readonly string[]): SlotCopy {
+  const copy: Record<string, string> = {}
+  for (const key of keys) copy[key] = t.t(key)
+  return copy
+}
+
+export function announcementCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['midnight.announcement.posted', 'midnight.announcement.postedBy'])
+}
+
+export function boardIndexCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['midnight.boardIndex.activityLabel', 'midnight.boardIndex.markAllRead'])
+}
+
+export function boardStatsCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.boardStats.heading',
+    'midnight.boardStats.threads',
+    'midnight.boardStats.posts',
+    'midnight.boardStats.members',
+    'midnight.boardStats.newest',
+    'midnight.boardStats.notCounted',
+    'midnight.boardStats.counted',
+  ])
+}
+
+export function categoryBlockCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.categoryBlock.forumHeader',
+    'midnight.categoryBlock.threadsHeader',
+    'midnight.categoryBlock.postsHeader',
+    'midnight.categoryBlock.lastPostHeader',
+  ])
+}
+
+export function footerCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['midnight.footer.allTimes'])
+}
+
+export function forumDisplayCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.forumDisplay.newThread',
+    'midnight.forumDisplay.threadHeader',
+    'midnight.forumDisplay.repliesHeader',
+    'midnight.forumDisplay.viewsHeader',
+    'midnight.forumDisplay.lastPostHeader',
+    'midnight.forumDisplay.markForumRead',
+  ])
+}
+
+export function forumRowCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['midnight.forumRow.newPosts', 'midnight.forumRow.noPosts'])
+}
+
+export function headerCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['midnight.header.sectionsLabel'])
+}
+
+export function latestPostsCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.latestPosts.heading',
+    'midnight.latestPosts.empty',
+    'midnight.latestPosts.asOf',
+  ])
+}
+
+export function latestThreadsCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.latestThreads.heading',
+    'midnight.latestThreads.empty',
+    'midnight.latestThreads.asOf',
+  ])
+}
+
+export function memberProfileCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.memberProfile.joined',
+    'midnight.memberProfile.lastVisit',
+    'midnight.memberProfile.never',
+    'midnight.memberProfile.posts',
+    'midnight.memberProfile.signatureLabel',
+    'midnight.memberProfile.actionsLabel',
+  ])
+}
+
+export function navigationCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['midnight.navigation.breadcrumbLabel'])
+}
+
+export function noticeCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.notice.dismiss',
+    'midnight.notice.kind.info',
+    'midnight.notice.kind.success',
+    'midnight.notice.kind.warning',
+    'midnight.notice.kind.error',
+  ])
+}
+
+export function paginationCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.pagination.ariaLabel',
+    'midnight.pagination.prev',
+    'midnight.pagination.next',
+    'midnight.pagination.page',
+    'midnight.pagination.pageOf',
+  ])
+}
+
+export function postActionsCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.postActions.ariaLabel',
+    'midnight.postActions.quote',
+    'midnight.postActions.edit',
+    'midnight.postActions.restore',
+    'midnight.postActions.rate',
+    'midnight.postActions.report',
+    'midnight.postActions.warn',
+    'midnight.postActions.moderate',
+  ])
+}
+
+export function postBitCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.postBit.deleted',
+    'midnight.postBit.unapproved',
+    'midnight.postBit.posts',
+    'midnight.postBit.joined',
+    'midnight.postBit.rep',
+    'midnight.postBit.online',
+    'midnight.postBit.ignoredPrefix',
+    'midnight.postBit.ignoredSuffix',
+    'midnight.postBit.showIt',
+  ])
+}
+
+export function shellCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['midnight.shell.skipToContent'])
+}
+
+export function subforumListCopy(t: Translator): SlotCopy {
+  return copyFor(t, ['midnight.subforumList.ariaLabel'])
+}
+
+export function threadRowCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.threadRow.newPosts',
+    'midnight.threadRow.pinned',
+    'midnight.threadRow.locked',
+    'midnight.threadRow.moved',
+    'midnight.threadRow.by',
+  ])
+}
+
+export function threadViewCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.threadView.in',
+    'midnight.threadView.reply',
+    'midnight.threadView.markRead',
+  ])
+}
+
+export function userPanelCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.userPanel.guest',
+    'midnight.userPanel.signedIn',
+    'midnight.userPanel.new',
+    'midnight.userPanel.notificationsSrOnly',
+    'midnight.userPanel.pm',
+    'midnight.userPanel.messagesSrOnly',
+  ])
+}
+
+export function whoIsOnlineCopy(t: Translator): SlotCopy {
+  return copyFor(t, [
+    'midnight.whoIsOnline.onlineNow',
+    'midnight.whoIsOnline.noMembers',
+    'midnight.whoIsOnline.hidden',
+    'midnight.whoIsOnline.guests',
+    'midnight.whoIsOnline.fullList',
+    'midnight.whoIsOnline.record',
+    'midnight.whoIsOnline.on',
+  ])
+}

package/src/index.ts

@@ -1,7 +1,7 @@
+export { midnightMessages } from './messages'
+export { midnightTheme } from './theme'
 export {
-  LIGHT_TOKENS,
-  DARK_TOKENS,
   BROWSER_THEME_COLOR,
+  DARK_TOKENS,
+  LIGHT_TOKENS,
 } from './tokens'
-
-export { midnightTheme } from './theme'

package/src/messages/en.json

@@ -0,0 +1,90 @@
+{
+  "midnight.announcement.posted": "Posted",
+  "midnight.announcement.postedBy": "Posted by",
+  "midnight.boardIndex.activityLabel": "Board activity",
+  "midnight.boardIndex.markAllRead": "mark all forums read",
+  "midnight.boardStats.counted": "counted",
+  "midnight.boardStats.heading": "Board statistics",
+  "midnight.boardStats.members": "members",
+  "midnight.boardStats.newest": "newest",
+  "midnight.boardStats.notCounted": "not counted yet",
+  "midnight.boardStats.posts": "posts",
+  "midnight.boardStats.threads": "threads",
+  "midnight.categoryBlock.forumHeader": "Forum",
+  "midnight.categoryBlock.lastPostHeader": "Last post",
+  "midnight.categoryBlock.postsHeader": "Posts",
+  "midnight.categoryBlock.threadsHeader": "Threads",
+  "midnight.footer.allTimes": "all times",
+  "midnight.forumDisplay.lastPostHeader": "Last post",
+  "midnight.forumDisplay.markForumRead": "mark this forum read",
+  "midnight.forumDisplay.newThread": "new thread",
+  "midnight.forumDisplay.repliesHeader": "Replies",
+  "midnight.forumDisplay.threadHeader": "Thread",
+  "midnight.forumDisplay.viewsHeader": "Views",
+  "midnight.forumRow.newPosts": "(new posts)",
+  "midnight.forumRow.noPosts": "no posts yet",
+  "midnight.header.sectionsLabel": "Board sections",
+  "midnight.latestPosts.asOf": "as of",
+  "midnight.latestPosts.empty": "nothing said yet",
+  "midnight.latestPosts.heading": "Latest posts",
+  "midnight.latestThreads.asOf": "as of",
+  "midnight.latestThreads.empty": "nothing started yet",
+  "midnight.latestThreads.heading": "Latest threads",
+  "midnight.memberProfile.actionsLabel": "Member actions",
+  "midnight.memberProfile.joined": "joined",
+  "midnight.memberProfile.lastVisit": "last visit",
+  "midnight.memberProfile.never": "never",
+  "midnight.memberProfile.posts": "posts",
+  "midnight.memberProfile.signatureLabel": "Signature",
+  "midnight.navigation.breadcrumbLabel": "Breadcrumb",
+  "midnight.notice.dismiss": "dismiss",
+  "midnight.notice.kind.error": "error",
+  "midnight.notice.kind.info": "info",
+  "midnight.notice.kind.success": "success",
+  "midnight.notice.kind.warning": "warning",
+  "midnight.pagination.ariaLabel": "Pagination",
+  "midnight.pagination.next": "next",
+  "midnight.pagination.page": "page",
+  "midnight.pagination.pageOf": "of",
+  "midnight.pagination.prev": "prev",
+  "midnight.postActions.ariaLabel": "Post actions",
+  "midnight.postActions.edit": "edit",
+  "midnight.postActions.moderate": "moderate",
+  "midnight.postActions.quote": "quote",
+  "midnight.postActions.rate": "rate",
+  "midnight.postActions.report": "report",
+  "midnight.postActions.restore": "restore",
+  "midnight.postActions.warn": "warn",
+  "midnight.postBit.deleted": "deleted — visible to moderators only",
+  "midnight.postBit.ignoredPrefix": "Post from",
+  "midnight.postBit.ignoredSuffix": ", who you are ignoring.",
+  "midnight.postBit.joined": "joined",
+  "midnight.postBit.online": "online",
+  "midnight.postBit.posts": "posts",
+  "midnight.postBit.rep": "rep",
+  "midnight.postBit.showIt": "Show it",
+  "midnight.postBit.unapproved": "awaiting approval — visible to moderators only",
+  "midnight.shell.skipToContent": "Skip to content",
+  "midnight.subforumList.ariaLabel": "Subforums",
+  "midnight.threadRow.by": "by",
+  "midnight.threadRow.locked": "locked",
+  "midnight.threadRow.moved": "moved",
+  "midnight.threadRow.newPosts": "(new posts)",
+  "midnight.threadRow.pinned": "pinned",
+  "midnight.threadView.in": "in",
+  "midnight.threadView.markRead": "mark read",
+  "midnight.threadView.reply": "reply",
+  "midnight.userPanel.guest": "guest",
+  "midnight.userPanel.messagesSrOnly": "unread messages",
+  "midnight.userPanel.new": "new",
+  "midnight.userPanel.notificationsSrOnly": "notifications",
+  "midnight.userPanel.pm": "pm",
+  "midnight.userPanel.signedIn": "signed in",
+  "midnight.whoIsOnline.fullList": "full list",
+  "midnight.whoIsOnline.guests": "guests",
+  "midnight.whoIsOnline.hidden": "(hidden)",
+  "midnight.whoIsOnline.noMembers": "no members",
+  "midnight.whoIsOnline.on": "on",
+  "midnight.whoIsOnline.onlineNow": "Online now —",
+  "midnight.whoIsOnline.record": "record"
+}

package/src/messages/index.ts

@@ -0,0 +1,5 @@
+import type { CatalogBundle } from '@meith/theme-kit'
+
+import en from './en.json'
+
+export const midnightMessages: CatalogBundle = { en }

package/src/slots/announcement.tsx

@@ -1,8 +1,18 @@
-import type { AnnouncementModel } from '@meith/theme-kit'
+import type { AnnouncementModel, SlotCopy } from '@meith/theme-kit'
+import { fromSlotCopy } from '@meith/theme-kit'
 
 import { UserRef } from '../shared'
 
-export function Announcement({ title, bodyHtml, postedBy, postedAt, forum }: AnnouncementModel) {
+export function Announcement({
+  title,
+  bodyHtml,
+  postedBy,
+  postedAt,
+  forum,
+  copy,
+}: AnnouncementModel & { copy: SlotCopy }) {
+  const c = (key: string) => fromSlotCopy(copy, `midnight.announcement.${key}`)
+
   return (
     <article className="flex flex-col gap-2 rounded-lg border border-border bg-muted/40 p-4">
       <h2 className="font-heading text-lg font-semibold text-foreground">{title}</h2>
@@ -14,10 +24,10 @@ export function Announcement({ title, bodyHtml, postedBy, postedAt, forum }: Ann
 
       <p className="text-xs text-muted-foreground">
         {postedBy === null ? (
-          'Posted'
+          c('posted')
         ) : (
           <>
-            Posted by{' '}
+            {c('postedBy')}{' '}
             <UserRef
               user={postedBy}
               className={

package/src/slots/board-index.tsx

@@ -1,8 +1,14 @@
-import type { BoardIndexModel } from '@meith/theme-kit'
+import type { BoardIndexModel, SlotCopy } from '@meith/theme-kit'
+import { fromSlotCopy } from '@meith/theme-kit'
 
-export function BoardIndex({ markAllReadAction, regions }: BoardIndexModel) {
+export function BoardIndex({
+  markAllReadAction,
+  regions,
+  copy,
+}: BoardIndexModel & { copy: SlotCopy }) {
   const latest = regions.latest ?? null
   const hasRail = latest !== null || regions.online !== null || regions.stats !== null
+  const c = (key: string) => fromSlotCopy(copy, `midnight.boardIndex.${key}`)
 
   return (
     <div className="flex flex-col gap-3 p-3">
@@ -20,7 +26,7 @@ export function BoardIndex({ markAllReadAction, regions }: BoardIndexModel) {
         <div className="flex min-w-0 flex-col gap-3">{regions.categories}</div>
 
         {hasRail && (
-          <aside aria-label="Board activity" className="flex min-w-0 flex-col gap-3">
+          <aside aria-label={c('activityLabel')} className="flex min-w-0 flex-col gap-3">
             {latest}
             {regions.online}
             {regions.stats}
@@ -36,7 +42,7 @@ export function BoardIndex({ markAllReadAction, regions }: BoardIndexModel) {
             type="submit"
             className="border border-border px-2 py-1 font-mono text-xs text-muted-foreground hover:bg-muted hover:text-foreground"
           >
-            mark all forums read
+            {c('markAllRead')}
           </button>
         </form>
       )}

package/src/slots/board-stats.tsx

@@ -1,4 +1,5 @@
-import type { BoardStatsModel } from '@meith/theme-kit'
+import type { BoardStatsModel, SlotCopy } from '@meith/theme-kit'
+import { fromSlotCopy } from '@meith/theme-kit'
 
 import { UserRef } from '../shared'
 
@@ -8,30 +9,33 @@ export function BoardStats({
   memberCount,
   newestMember,
   computedAt,
-}: BoardStatsModel) {
+  copy,
+}: BoardStatsModel & { copy: SlotCopy }) {
+  const c = (key: string) => fromSlotCopy(copy, `midnight.boardStats.${key}`)
+
   return (
     <section aria-labelledby="board-stats-heading" className="border border-border">
       <h2
         id="board-stats-heading"
         className="border-b border-border bg-secondary px-3 py-1 font-mono text-xs uppercase tracking-wide"
       >
-        Board statistics
+        {c('heading')}
       </h2>
       <dl className="grid grid-cols-2 gap-x-4 gap-y-1 px-3 py-2 font-mono text-xs md:grid-cols-4 lg:grid-cols-2">
         <div>
-          <dt className="text-muted-foreground">threads</dt>
-          <dd>{threadCount}</dd>
+          <dt className="text-muted-foreground">{c('threads')}</dt>
+          <dd>{threadCount.label}</dd>
         </div>
         <div>
-          <dt className="text-muted-foreground">posts</dt>
-          <dd>{postCount}</dd>
+          <dt className="text-muted-foreground">{c('posts')}</dt>
+          <dd>{postCount.label}</dd>
         </div>
         <div>
-          <dt className="text-muted-foreground">members</dt>
-          <dd>{memberCount}</dd>
+          <dt className="text-muted-foreground">{c('members')}</dt>
+          <dd>{memberCount.label}</dd>
         </div>
         <div>
-          <dt className="text-muted-foreground">newest</dt>
+          <dt className="text-muted-foreground">{c('newest')}</dt>
           <dd>
             {newestMember === null ? (
               '—'
@@ -43,10 +47,10 @@ export function BoardStats({
       </dl>
       <p className="border-t border-border px-3 py-1 font-mono text-xs text-muted-foreground">
         {computedAt === null ? (
-          'not counted yet'
+          c('notCounted')
         ) : (
           <>
-            counted <time dateTime={computedAt.iso}>{computedAt.label}</time>
+            {c('counted')} <time dateTime={computedAt.iso}>{computedAt.label}</time>
           </>
         )}
       </p>

package/src/slots/category-block.tsx

@@ -1,6 +1,13 @@
-import type { CategoryBlockModel } from '@meith/theme-kit'
+import type { CategoryBlockModel, SlotCopy } from '@meith/theme-kit'
+import { fromSlotCopy } from '@meith/theme-kit'
+
+export function CategoryBlock({
+  category,
+  children,
+  copy,
+}: CategoryBlockModel & { copy: SlotCopy }) {
+  const c = (key: string) => fromSlotCopy(copy, `midnight.categoryBlock.${key}`)
 
-export function CategoryBlock({ category, children }: CategoryBlockModel) {
   return (
     <section className="border border-border">
       <h2 className="border-b border-border bg-secondary px-3 py-1.5 font-mono text-sm font-semibold uppercase tracking-wide">
@@ -22,10 +29,10 @@ export function CategoryBlock({ category, children }: CategoryBlockModel) {
         </colgroup>
         <thead className="sr-only">
           <tr>
-            <th scope="col">Forum</th>
-            <th scope="col">Threads</th>
-            <th scope="col">Posts</th>
-            <th scope="col">Last post</th>
+            <th scope="col">{c('forumHeader')}</th>
+            <th scope="col">{c('threadsHeader')}</th>
+            <th scope="col">{c('postsHeader')}</th>
+            <th scope="col">{c('lastPostHeader')}</th>
           </tr>
         </thead>
         <tbody>{children}</tbody>

package/src/slots/footer.tsx

@@ -1,6 +1,15 @@
-import type { FooterModel } from '@meith/theme-kit'
+import type { FooterModel, SlotCopy } from '@meith/theme-kit'
+import { fromSlotCopy } from '@meith/theme-kit'
+
+export function Footer({
+  boardTitle,
+  links,
+  timezoneLabel,
+  poweredBy,
+  copy,
+}: FooterModel & { copy: SlotCopy }) {
+  const c = (key: string) => fromSlotCopy(copy, `midnight.footer.${key}`)
 
-export function Footer({ boardTitle, links, timezoneLabel, poweredBy }: FooterModel) {
   return (
     <footer className="mt-auto flex flex-wrap items-center justify-between gap-2 border-t border-border bg-secondary px-4 py-2 font-mono text-xs text-muted-foreground">
       <span>{boardTitle}</span>
@@ -12,7 +21,9 @@ export function Footer({ boardTitle, links, timezoneLabel, poweredBy }: FooterMo
         ))}
       </div>
       <span className="flex flex-wrap gap-3">
-        <span>all times {timezoneLabel}</span>
+        <span>
+          {c('allTimes')} {timezoneLabel}
+        </span>
         {poweredBy && (
           <a href={poweredBy.href} className="hover:text-foreground">
             {poweredBy.label}

package/src/slots/forum-display.tsx

@@ -1,6 +1,15 @@
-import type { ForumDisplayModel } from '@meith/theme-kit'
+import type { ForumDisplayModel, SlotCopy } from '@meith/theme-kit'
+import { fromSlotCopy } from '@meith/theme-kit'
+
+export function ForumDisplay({
+  forum,
+  newThreadHref,
+  markReadAction,
+  regions,
+  copy,
+}: ForumDisplayModel & { copy: SlotCopy }) {
+  const c = (key: string) => fromSlotCopy(copy, `midnight.forumDisplay.${key}`)
 
-export function ForumDisplay({ forum, newThreadHref, markReadAction, regions }: ForumDisplayModel) {
   return (
     <div className="flex flex-col gap-3 p-3">
       <div className="flex flex-wrap items-baseline justify-between gap-2">
@@ -10,7 +19,7 @@ export function ForumDisplay({ forum, newThreadHref, markReadAction, regions }:
             href={newThreadHref}
             className="border border-primary bg-primary px-3 py-1 font-mono text-xs text-primary-foreground hover:opacity-90"
           >
-            new thread
+            {c('newThread')}
           </a>
         )}
       </div>
@@ -32,10 +41,18 @@ export function ForumDisplay({ forum, newThreadHref, markReadAction, regions }:
       <table className="w-full border-collapse border border-border text-sm">
         <thead>
           <tr className="bg-secondary text-left font-mono text-xs uppercase tracking-wide text-muted-foreground">
-            <th scope="col" className="px-3 py-1.5">Thread</th>
-            <th scope="col" className="w-16 px-2 py-1.5 text-right">Replies</th>
-            <th scope="col" className="w-16 px-2 py-1.5 text-right">Views</th>
-            <th scope="col" className="w-56 px-3 py-1.5">Last post</th>
+            <th scope="col" className="px-3 py-1.5">
+              {c('threadHeader')}
+            </th>
+            <th scope="col" className="w-16 px-2 py-1.5 text-right">
+              {c('repliesHeader')}
+            </th>
+            <th scope="col" className="w-16 px-2 py-1.5 text-right">
+              {c('viewsHeader')}
+            </th>
+            <th scope="col" className="w-56 px-3 py-1.5">
+              {c('lastPostHeader')}
+            </th>
           </tr>
         </thead>
         <tbody>{regions.threads}</tbody>
@@ -53,7 +70,7 @@ export function ForumDisplay({ forum, newThreadHref, markReadAction, regions }:
             type="submit"
             className="border border-border px-2 py-1 font-mono text-xs text-muted-foreground hover:bg-muted hover:text-foreground"
           >
-            mark this forum read
+            {c('markForumRead')}
           </button>
         </form>
       )}

package/src/slots/forum-row.tsx

@@ -1,9 +1,11 @@
-import type { ForumRowSlotModel } from '@meith/theme-kit'
+import type { ForumRowSlotModel, SlotCopy } from '@meith/theme-kit'
+import { fromSlotCopy } from '@meith/theme-kit'
 
 import { UserRef } from '../shared'
 
-export function ForumRow({ forum }: ForumRowSlotModel) {
+export function ForumRow({ forum, copy }: ForumRowSlotModel & { copy: SlotCopy }) {
   const isLink = forum.type === 'link'
+  const c = (key: string) => fromSlotCopy(copy, `midnight.forumRow.${key}`)
 
   return (
     <tr className="border-t border-border align-top odd:bg-card even:bg-muted/40">
@@ -15,7 +17,7 @@ export function ForumRow({ forum }: ForumRowSlotModel) {
           <a href={forum.href} className="font-medium hover:text-primary">
             {forum.title}
           </a>
-          {forum.isUnread && <span className="sr-only">(new posts)</span>}
+          {forum.isUnread && <span className="sr-only">{c('newPosts')}</span>}
         </div>
         {forum.description !== null && (
           <p className="mt-0.5 text-xs text-muted-foreground">{forum.description}</p>
@@ -32,14 +34,14 @@ export function ForumRow({ forum }: ForumRowSlotModel) {
       </td>
 
       <td className="w-16 px-2 py-2 text-right font-mono text-xs text-muted-foreground">
-        {isLink ? '' : forum.threadCount}
+        {isLink ? '' : forum.threadCount.label}
       </td>
       <td className="w-16 px-2 py-2 text-right font-mono text-xs text-muted-foreground">
-        {isLink ? '' : forum.postCount}
+        {isLink ? '' : forum.postCount.label}
       </td>
       <td className="w-64 px-3 py-2 text-xs text-muted-foreground">
         {isLink || forum.lastPost === null ? (
-          <span className="text-forum-read">{isLink ? '' : 'no posts yet'}</span>
+          <span className="text-forum-read">{isLink ? '' : c('noPosts')}</span>
         ) : (
           <>
             <a href={forum.lastPost.href} className="block truncate hover:text-primary">

package/src/slots/header.tsx

@@ -1,4 +1,5 @@
-import type { HeaderModel } from '@meith/theme-kit'
+import type { HeaderModel, SlotCopy } from '@meith/theme-kit'
+import { fromSlotCopy } from '@meith/theme-kit'
 
 function BoardMark({ boardTitle, logo }: Pick<HeaderModel, 'boardTitle' | 'logo'>) {
   if (logo === undefined) return <>{boardTitle}</>
@@ -22,7 +23,16 @@ function BoardMark({ boardTitle, logo }: Pick<HeaderModel, 'boardTitle' | 'logo'
   )
 }
 
-export function Header({ boardTitle, homeHref, navigation, logo, children }: HeaderModel) {
+export function Header({
+  boardTitle,
+  homeHref,
+  navigation,
+  logo,
+  children,
+  copy,
+}: HeaderModel & { copy: SlotCopy }) {
+  const c = (key: string) => fromSlotCopy(copy, `midnight.header.${key}`)
+
   return (
     <header>
       <div className="flex flex-wrap items-baseline justify-between gap-3 border-b border-border bg-secondary px-4 py-3">
@@ -36,7 +46,7 @@ export function Header({ boardTitle, homeHref, navigation, logo, children }: Hea
       </div>
 
       {navigation.length > 0 && (
-        <nav aria-label="Board sections" className="flex flex-wrap border-b border-border">
+        <nav aria-label={c('sectionsLabel')} className="flex flex-wrap border-b border-border">
           {navigation.map((item) => (
             <a
               key={item.href}