From cfa28cf17c93e819e0cb55dcdd1a053f00c7cee9 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Thu, 8 Oct 2026 00:17:22 +0000 Subject: [PATCH 1/2] Improve gradient-safe text accents Co-authored-by: mdlew <47911000+mdlew@users.noreply.github.com> --- src/ssr.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/ssr.ts b/src/ssr.ts index fcd777b..6b5befd 100644 --- a/src/ssr.ts +++ b/src/ssr.ts @@ -301,7 +301,7 @@ function renderHead(): string { const hour = user.localizedDate.getHours(); // Night-time defaults (hours 0–6 and 18–23): white text on dark gradient. - let accentColor = "white"; + let accentColor = "#fff4cc"; let textColor = "white"; // Semi-transparent container overlay guarantees the chosen textColor achieves // ≥4.5:1 (normal text) against the worst-case blended colour across all 24 @@ -312,7 +312,7 @@ function renderHead(): string { let focusColor = "white"; if (hour >= 7 && hour < 18) { // Daytime (7 am – 5 pm): black text on lighter gradient. - accentColor = "black"; + accentColor = "#080808"; textColor = "black"; containerBg = "rgba(255, 255, 255, 0.25)"; focusColor = "black"; @@ -324,8 +324,8 @@ function renderHead(): string { img {max-width: 100%; height: auto;} #container {display: flex; flex-direction:column;min-height: 100%; background-color: ${containerBg};} footer {padding: 3px; font-size:clamp(0.8rem, 0.96rem + 0.18vw, 1rem); background-color: ${containerBg};} h1, h2, h3 {color: ${accentColor};} p{margin: 0.3em;} - a {color: ${accentColor}; text-decoration: underline; text-decoration-color: ${accentColor}; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: opacity 0.2s ease, text-underline-offset 0.2s ease, text-decoration-thickness 0.2s ease;} - a:hover {opacity: 0.75; text-underline-offset: 5px; text-decoration-thickness: 2.5px;} + a {color: ${accentColor}; text-decoration: underline; text-decoration-color: ${accentColor}; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: text-underline-offset 0.2s ease, text-decoration-thickness 0.2s ease;} + a:hover {text-underline-offset: 5px; text-decoration-thickness: 2.5px;} .collapsible {background-color: #8A3B12; color: white; font-family:'Source Sans 3','Source Sans Pro',system-ui,sans-serif; font-size:clamp(1rem, 0.96rem + 0.18vw, 1.125rem); cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left;} .collapsible:focus-visible {outline: 3px solid ${focusColor}; outline-offset: 2px;} .active, .collapsible:hover {background-color: #59230B;} From dd582d0c6ea89f15c57b946664e670ed15205068 Mon Sep 17 00:00:00 2001 From: Matthew Lew Date: Wed, 7 Oct 2026 19:28:09 -0500 Subject: [PATCH 2/2] Fix string quotes for accentColor variable Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> --- src/ssr.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/ssr.ts b/src/ssr.ts index 6b5befd..a13f277 100644 --- a/src/ssr.ts +++ b/src/ssr.ts @@ -301,7 +301,7 @@ function renderHead(): string { const hour = user.localizedDate.getHours(); // Night-time defaults (hours 0–6 and 18–23): white text on dark gradient. - let accentColor = "#fff4cc"; + let accentColor = '#fff4cc'; let textColor = "white"; // Semi-transparent container overlay guarantees the chosen textColor achieves // ≥4.5:1 (normal text) against the worst-case blended colour across all 24