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.
This commit is contained in:
Alexander Heldt
2026-07-15 13:24:55 +00:00
parent a1a6ec8720
commit c24d59e672
2 changed files with 4 additions and 3 deletions
+1
View File
@@ -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" },
+3 -3
View File
@@ -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; }