localadministrator/avbeat-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(avbeat): drop antialiased/grayscale font-smoothing on light theme

Browse Source 
-webkit-font-smoothing: antialiased and -moz-osx-font-smoothing: grayscale
were set on body and the Tailwind 'antialiased' utility was applied on
<body>. Both pair correctly with the prior dark theme (light text on
dark surfaces), but on the new white surface they render Inter + Lora
thinner and harsher — strokes lose weight, edges read as jagged.

Removed from src/styles/tailwind.css:59-60 (body rule) and from the
<body className="... antialiased"> utility in src/app/layout.tsx:143.
OS default smoothing (subpixel on Windows / older macOS, 'auto' on modern)
gives Inter + Lora their intended weight and roundness.
This commit is contained in:
Local Administrator
2026-06-03 13:34:02 +00:00
parent 0e9d3c570e
commit 190d374bb1
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@@ -140,7 +140,7 @@ export default function RootLayout({
}) })
}} /> }} />
</head> </head>
<body className="bg-brand-bg text-brand-text antialiased"> <body className="bg-brand-bg text-brand-text">
{/* Skip to main content — WCAG 2.4.1 */} {/* Skip to main content — WCAG 2.4.1 */}
<a <a
href="#main-content" href="#main-content"

6
src/styles/tailwind.css
View File

@@ -56,8 +56,10 @@ body {
font-family: var(--font-body); font-family: var(--font-body);
background-color: var(--color-bg); background-color: var(--color-bg);
color: var(--color-foreground); color: var(--color-foreground);
-webkit-font-smoothing: antialiased; /* Smoothing intentionally NOT overridden — `antialiased`/`grayscale` was
-moz-osx-font-smoothing: grayscale; correct for the old dark theme but renders thinner/harsher on the new
light theme. Default OS smoothing (subpixel on Windows/older macOS,
`auto` elsewhere) gives Inter + Lora their intended weight. */
} }
/* ===================== /* =====================