alex/puppy-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make the Sleep trend yesterday line orange

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
src/changelog.json
+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": "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": "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" }, { "date": "2026-07-15", "text": "Meals with an amount logged show their grams in the day's history" },
src/style.css
+3 -3
View File
@@ -927,11 +927,11 @@ input.switch:checked::after { transform: translateX(18px); }
fill: none; fill: none;
} }
.chart-svg .trend-yesterday { .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-width: 1.5;
stroke-linejoin: round; stroke-linejoin: round;
fill: none; fill: none;
opacity: 0.75; opacity: 0.85;
} }
.chart-svg .trend-avg { .chart-svg .trend-avg {
stroke: var(--weight); /* teal — keeps it apart from today's blue and its blue projected tail */ 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-today .sw { background: var(--sleep); }
.lg.trend-projected .sw { background: color-mix(in srgb, var(--sleep) 40%, var(--surface)); } .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.trend-avg .sw { background: var(--weight); }
.lg[hidden] { display: none; } .lg[hidden] { display: none; }