Skip to content

Commit 7068cbc

Browse files
committed
fix(ui): 🐛 override Vitro ultra-thin font-weight for readable body text
Vitro base.css sets font-weight: 100 on body and [lang] selectors, which is too light for Geist Sans. Override to 400 (normal) in globals.css and bump .lbl to 500 for better readability.
1 parent ef880a6 commit 7068cbc

1 file changed

Lines changed: 10 additions & 0 deletions

File tree

src/app/globals.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,16 @@ html, body, #__next {
1717
overflow: hidden;
1818
}
1919

20+
/* Vitro upstream uses font-weight: 100 (ultra-thin) which is too light for Geist Sans.
21+
Override to 400 (normal) for readable body text. */
22+
body, [lang] {
23+
font-weight: 400;
24+
}
25+
26+
.lbl {
27+
font-weight: 500;
28+
}
29+
2030
@keyframes pulse-ring {
2131
0% { transform: scale(0.8); opacity: 1; }
2232
100% { transform: scale(2.5); opacity: 0; }

0 commit comments

Comments
 (0)