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:
@@ -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
@@ -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; }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user