moby/brewlog
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(stats): use muted colors for roast and consumption stat cards

Browse source
This commit is contained in:
Jon Seager 2026-02-09 20:27:01 +00:00
parent 92b20396af
commit 436cf101d6
No known key found for this signature in database
1 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
templates/pages/stats.html
View file

@ -38,29 +38,29 @@
<div <div
class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4" class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4"
> >
{{ icons::map("h-6 w-6 text-accent") }} {{ icons::map("h-6 w-6 text-text-muted") }}
<span class="text-lg font-bold text-text" <span class="text-lg font-bold text-text"
>{{ roast_summary.unique_origins }}</span >{{ roast_summary.unique_origins }}</span
> >
<span class="text-sm font-medium text-accent">Origins</span> <span class="text-sm font-medium text-text-muted">Origins</span>
</div> </div>
<div <div
class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4" class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4"
> >
{{ icons::location("h-6 w-6 text-accent") }} {{ icons::location("h-6 w-6 text-text-muted") }}
<span class="text-lg font-bold text-text truncate max-w-full" <span class="text-lg font-bold text-text truncate max-w-full"
>{% match roast_summary.top_origin %}{% when Some with (v) %}{{ v }}{% when None %}&mdash;{% endmatch %}</span >{% match roast_summary.top_origin %}{% when Some with (v) %}{{ v }}{% when None %}&mdash;{% endmatch %}</span
> >
<span class="text-sm font-medium text-accent">Top Origin</span> <span class="text-sm font-medium text-text-muted">Top Origin</span>
</div> </div>
<div <div
class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4" class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4"
> >
{{ icons::fire("h-6 w-6 text-accent") }} {{ icons::fire("h-6 w-6 text-text-muted") }}
<span class="text-lg font-bold text-text truncate max-w-full" <span class="text-lg font-bold text-text truncate max-w-full"
>{% match roast_summary.top_roaster %}{% when Some with (v) %}{{ v }}{% when None %}&mdash;{% endmatch %}</span >{% match roast_summary.top_roaster %}{% when Some with (v) %}{{ v }}{% when None %}&mdash;{% endmatch %}</span
> >
<span class="text-sm font-medium text-accent">Top Roaster</span> <span class="text-sm font-medium text-text-muted">Top Roaster</span>
</div> </div>
</div> </div>
{% if !roast_summary.origin_counts.is_empty() || !roast_summary.flavour_counts.is_empty() %} {% if !roast_summary.origin_counts.is_empty() || !roast_summary.flavour_counts.is_empty() %}
@ -93,38 +93,40 @@
<div <div
class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4" class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4"
> >
{{ icons::coffee_bean("h-6 w-6 text-accent") }} {{ icons::coffee_bean("h-6 w-6 text-text-muted") }}
<span class="text-lg font-bold text-text" <span class="text-lg font-bold text-text"
>{{ consumption_30d_weight }}</span >{{ consumption_30d_weight }}</span
> >
<span class="text-sm font-medium text-accent">Last 30 Days</span> <span class="text-sm font-medium text-text-muted">Last 30 Days</span>
</div> </div>
<div <div
class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4" class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4"
> >
{{ icons::coffee_bean("h-6 w-6 text-accent") }} {{ icons::coffee_bean("h-6 w-6 text-text-muted") }}
<span class="text-lg font-bold text-text" <span class="text-lg font-bold text-text"
>{{ consumption_all_time_weight }}</span >{{ consumption_all_time_weight }}</span
> >
<span class="text-sm font-medium text-accent">All Time</span> <span class="text-sm font-medium text-text-muted">All Time</span>
</div> </div>
<div <div
class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4" class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4"
> >
{{ icons::beaker("h-6 w-6 text-accent") }} {{ icons::beaker("h-6 w-6 text-text-muted") }}
<span class="text-lg font-bold text-text" <span class="text-lg font-bold text-text"
>{{ consumption.brews_last_30_days }}</span >{{ consumption.brews_last_30_days }}</span
> >
<span class="text-sm font-medium text-accent">Brews (30d)</span> <span class="text-sm font-medium text-text-muted">Brews (30d)</span>
</div> </div>
<div <div
class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4" class="flex flex-col items-center gap-1 rounded-lg border bg-surface p-4"
> >
{{ icons::beaker("h-6 w-6 text-accent") }} {{ icons::beaker("h-6 w-6 text-text-muted") }}
<span class="text-lg font-bold text-text" <span class="text-lg font-bold text-text"
>{{ consumption.brews_all_time }}</span >{{ consumption.brews_all_time }}</span
> >
<span class="text-sm font-medium text-accent">Brews (All Time)</span> <span class="text-sm font-medium text-text-muted"
>Brews (All Time)</span
>
</div> </div>
</div> </div>
</section> </section>