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
+2 -2
View File
@@ -39,7 +39,7 @@ const other = second === false ? null : (second ?? first);
top: 760px;
width: 620px;
height: 620px;
opacity: 0.07;
opacity: calc(0.07 * var(--gk-ghost));
transform: rotate(-10deg);
}
.right {
@@ -47,7 +47,7 @@ const other = second === false ? null : (second ?? first);
top: 64%;
width: 560px;
height: 560px;
opacity: 0.06;
opacity: calc(0.06 * var(--gk-ghost));
transform: rotate(8deg);
}
@media (max-width: 640px) {
+1 -1
View File
@@ -132,7 +132,7 @@ const decs = [60, 30, 0, -30].map((d, i) => ({ at: (i / 4) * 100, label: `${d >
top: -40px;
width: 900px;
max-width: none;
opacity: 0.22;
opacity: calc(0.22 * var(--gk-ghost));
}
.nav {
max-width: var(--gk-page-max);
+3
View File
@@ -48,6 +48,8 @@
--gk-wash: 1;
/* The star chart grid behind the page; off in dark, faint ink lines in light. */
--gk-chart: none;
/* How strong the faint seals behind pages and panels are; light mode lifts them. */
--gk-ghost: 1;
--gk-filament: linear-gradient(90deg, transparent, var(--gk-gold) 25%, var(--gk-teal-bright) 75%, transparent);
@@ -111,6 +113,7 @@
--gk-midnight-rgb: 255, 255, 255;
--gk-dust-accent-rgb: 106, 47, 224;
--gk-wash: 0.5;
--gk-ghost: 1.6;
--gk-chart:
repeating-linear-gradient(0deg, rgba(19, 28, 43, 0.032) 0 1px, transparent 1px 44px),
repeating-linear-gradient(90deg, rgba(19, 28, 43, 0.032) 0 1px, transparent 1px 44px);