Fonts: drop body antialiased so text renders at the reference weight

The <body> carried Tailwind's `antialiased` (-webkit-font-smoothing: antialiased), which inherits through the whole tree and renders every chat/message/UI text thinner & lighter than WorkClaw. WorkClaw leaves the browser default (`auto`), giving the crisper/heavier weight. Removed the class — body is now just `min-h-full`; computed -webkit-font-smoothing is `auto`. The font itself was always 14px/400 Geist; only the smoothing differed. Global rendering change → regenerated all 7 visual baselines; full suite (37) green. Co-Authored-By: Claude Fable 5 <[email protected]>
2026-06-11 14:06:03 -05:00
parent ea27715202
commit ddc1f8fbe0
8 changed files with 5 additions and 1 deletions
@@ -44,7 +44,11 @@ export default function RootLayout({
 }: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="en" className={`${geist.variable} ${geistMono.variable} h-full`}>
-      <body className="min-h-full antialiased">
+      {/* No `antialiased` (-webkit-font-smoothing: antialiased) — it inherits
          everywhere and renders text thinner/lighter than the reference. The
          browser default (`auto`) gives the crisper/heavier weight WorkClaw
          uses. */}
      <body className="min-h-full">
        <IdentityProvider>
          <NuqsAdapter>{children}</NuqsAdapter>
        </IdentityProvider>