From c24d59e672c1be73a41480960dc94469e8502759 Mon Sep 17 00:00:00 2001 From: Alexander Heldt Date: Wed, 15 Jul 2026 13:24:55 +0000 Subject: [PATCH] Make the Sleep trend yesterday line orange Gray sank into the dashed grid lines; --eat orange stands apart from today's blue and the average's teal in both themes. --- src/changelog.json | 1 + src/style.css | 6 +++--- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/changelog.json b/src/changelog.json index dbaf08f..e12458d 100644 --- a/src/changelog.json +++ b/src/changelog.json @@ -1,4 +1,5 @@ [ + { "date": "2026-07-15", "text": "The Sleep trend yesterday line is orange instead of gray, which was hard to see" }, { "date": "2026-07-15", "text": "The Sleep trend average line is teal now, so it doesn't blend in with today's blue line and its projection" }, { "date": "2026-07-15", "text": "Tapping a day in a chart selects it without jumping down to the history" }, { "date": "2026-07-15", "text": "Meals with an amount logged show their grams in the day's history" }, diff --git a/src/style.css b/src/style.css index 32998ad..147cee1 100644 --- a/src/style.css +++ b/src/style.css @@ -927,11 +927,11 @@ input.switch:checked::after { transform: translateX(18px); } fill: none; } .chart-svg .trend-yesterday { - stroke: var(--muted); + stroke: var(--eat); /* orange — the gray it had before sank into the grid */ stroke-width: 1.5; stroke-linejoin: round; fill: none; - opacity: 0.75; + opacity: 0.85; } .chart-svg .trend-avg { stroke: var(--weight); /* teal — keeps it apart from today's blue and its blue projected tail */ @@ -954,7 +954,7 @@ input.switch:checked::after { transform: translateX(18px); } } .lg.trend-today .sw { background: var(--sleep); } .lg.trend-projected .sw { background: color-mix(in srgb, var(--sleep) 40%, var(--surface)); } -.lg.trend-yesterday .sw { background: var(--muted); } +.lg.trend-yesterday .sw { background: var(--eat); } .lg.trend-avg .sw { background: var(--weight); } .lg[hidden] { display: none; }