muunuu/mercury-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(web): apply Seed canonical theme setup (body fg-neutral color + data-seed attrs)

Browse source 
Default text resolved to white-on-white because globals.css set a background
but no base color, and <html> carried no data-seed attributes. Mirrors
daangn.com's live setup: html[data-seed][data-seed-color-mode] + body
color: var(--seed-color-fg-neutral). Fixes invisible text app-wide.
This commit is contained in:
Munkherdene 2026-08-22 21:30:30 +08:00
parent b02674aa62
commit d94e961d97
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/globals.css
View file

@ -6,5 +6,9 @@
html, body { html, body {
font-family: var(--mercury-font); font-family: var(--mercury-font);
/* Canonical Seed setup (matches daangn.com): body carries the neutral
foreground + default layer background so all default text is legible.
Without an explicit color, default text resolved to white-on-white. */
color: var(--seed-color-fg-neutral, #1a1c20);
background: var(--seed-color-bg-layer-default, #fff); background: var(--seed-color-bg-layer-default, #fff);
} }

2
src/app/layout.tsx
View file

@ -4,7 +4,7 @@ export const metadata = { title: "Mercury" };
export default function RootLayout({ children }: { children: React.ReactNode }) { export default function RootLayout({ children }: { children: React.ReactNode }) {
return ( return (
<html lang="mn"> <html lang="mn" data-seed data-seed-color-mode="light-only">
<body>{children}</body> <body>{children}</body>
</html> </html>
); );