Skip to content

Commit 8c03b8b

Browse files
sktbrdclaude
andcommitted
fix(tv): transparent section ground behind the set
The TV section painted an opaque #060608 behind the chassis. That was invisible while /newhome was pinned dark, but now the route follows the theme it read as a stray black rectangle around the set on a light page. The set is a physical object and carries its own dark chassis, so the section only needs to sit on the page ground. The warm radial glow stays — it is a halo around the object and composites over either ground. The "ON AIR · GNARS TV" label is the only text outside the chassis, so it is the only thing that sits on that ground. At the chassis gold it was 79% luminance on white; it takes a darker amber in light mode and keeps the gold in dark. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
1 parent 97e15d5 commit 8c03b8b

1 file changed

Lines changed: 11 additions & 4 deletions

File tree

src/components/tv/GnarsTVSet.tsx

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -441,17 +441,24 @@ export function GnarsTVSet({ channels, ticker }: GnarsTVSetProps) {
441441
<section
442442
className="flex w-full flex-col items-center px-5 pb-14 pt-8"
443443
style={{
444-
background:
445-
"radial-gradient(70% 55% at 50% 8%,rgba(245,158,11,.13),rgba(0,0,0,0) 62%),#060608",
444+
// Transparent to the page ground. The set is a physical object and
445+
// carries its own dark chassis; the opaque near-black behind it was
446+
// invisible on a dark page and read as a stray black rectangle on a
447+
// light one. The warm glow stays — it is a halo around the object, and
448+
// it composites over either ground.
449+
background: "radial-gradient(70% 55% at 50% 8%,rgba(245,158,11,.13),rgba(0,0,0,0) 62%)",
446450
}}
447451
>
452+
{/* The only text outside the chassis, so it is the only thing here that
453+
sits on the page ground. Now that the section is transparent, the
454+
chassis gold it used to share would be 79% luminance on white — the
455+
darker amber keeps it legible without changing the dark rendering. */}
448456
<span
449-
className="mb-5 flex items-center gap-2 font-bold"
457+
className="mb-5 flex items-center gap-2 font-bold text-[#a16207] dark:text-[#f7c948]"
450458
style={{
451459
fontFamily: "var(--font-geist-mono), monospace",
452460
fontSize: 13,
453461
letterSpacing: ".28em",
454-
color: "#f7c948",
455462
}}
456463
>
457464
<span

0 commit comments

Comments
 (0)