Make the background seals a little stronger in light mode

A --gk-ghost token scales the faint edge seals, panel seals and banners:
1 in dark, 1.6 in light, so their lines read on Starlight.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012aSbo2D1qP8cMFQCykf7kx
This commit is contained in:
Claude
2026-10-18 20:34:46 +00:00
parent 08df07f221
commit 813c403fcc
10 changed files with 13 additions and 10 deletions
@@ -105,7 +105,7 @@ const now = nowStatuses(s, post);
position: absolute;
width: 150%;
max-width: none;
opacity: 0.32;
opacity: calc(0.32 * var(--gk-ghost));
pointer-events: none;
}
.art :global(.path) {
@@ -37,7 +37,7 @@ const { title, seal, as: H = "h2" } = Astro.props;
position: absolute;
right: -26px;
top: -26px;
opacity: 0.14;
opacity: calc(0.14 * var(--gk-ghost));
pointer-events: none;
}
.head {
@@ -92,7 +92,7 @@ const facts = d.facts ?? [];
position: absolute;
right: -60px;
bottom: -80px;
opacity: 0.12;
opacity: calc(0.12 * var(--gk-ghost));
pointer-events: none;
}
.main {
+1 -1
View File
@@ -227,7 +227,7 @@ const listFormat = new Intl.ListFormat("en", { style: "long", type: "conjunction
position: absolute;
right: -90px;
top: -90px;
opacity: 0.14;
opacity: calc(0.14 * var(--gk-ghost));
pointer-events: none;
}
.work > :not(:global(.work-seal), :global(.gk-corner)) {
+1 -1
View File
@@ -209,7 +209,7 @@ const wrapped = s
top: -26px;
width: 104px;
height: 104px;
opacity: 0.14;
opacity: calc(0.14 * var(--gk-ghost));
pointer-events: none;
}
.panel-kicker {
+1 -1
View File
@@ -402,7 +402,7 @@ const isCore = (group: { core?: string[] }, item: string) => group.core?.some((c
position: absolute;
right: -30px;
top: -30px;
opacity: 0.12;
opacity: calc(0.12 * var(--gk-ghost));
pointer-events: none;
}
.panel-head {
+1 -1
View File
@@ -328,7 +328,7 @@ const colorStrips = selling.flatMap((l) =>
position: absolute;
right: -40px;
bottom: -60px;
opacity: 0.08;
opacity: calc(0.08 * var(--gk-ghost));
pointer-events: none;
}
summary {