style(tables): normalize text styling to match brews table

Replace bold amber (font-semibold text-amber-800) with medium stone
(font-medium text-stone-800) across roaster, roast, cafe, and cup
list templates to match the brews table convention.
This commit is contained in:
Jon Seager 2026-02-05 11:11:44 +00:00
parent c6b98f81c9
commit e6d9f861e6
No known key found for this signature in database
4 changed files with 5 additions and 5 deletions

View file

@ -38,7 +38,7 @@
<td data-label="Added" class="card-date whitespace-nowrap px-4 py-3 text-xs font-medium text-stone-600"> <td data-label="Added" class="card-date whitespace-nowrap px-4 py-3 text-xs font-medium text-stone-600">
{{ cafe.created_at }} {{ cafe.created_at }}
</td> </td>
<td data-label="Name" class="card-title px-4 py-3 font-semibold text-amber-800"> <td data-label="Name" class="card-title px-4 py-3 font-medium text-stone-800">
{{ cafe.name }} {{ cafe.name }}
</td> </td>
<td data-label="Location" class="px-4 py-3 whitespace-nowrap"> <td data-label="Location" class="px-4 py-3 whitespace-nowrap">

View file

@ -36,12 +36,12 @@
{{ cup.created_at }} {{ cup.created_at }}
</td> </td>
<td data-label="Coffee" class="card-title px-4 py-3 whitespace-nowrap"> <td data-label="Coffee" class="card-title px-4 py-3 whitespace-nowrap">
<span class="font-semibold text-amber-800">{{ cup.roast_name }}</span> <div class="font-medium text-stone-800">{{ cup.roast_name }}</div>
<div class="hidden md:block text-xs text-stone-500">{{ cup.roaster_name }}</div> <div class="hidden md:block text-xs text-stone-500">{{ cup.roaster_name }}</div>
</td> </td>
<td data-label="Roaster" class="px-4 py-3 whitespace-nowrap md:hidden">{{ cup.roaster_name }}</td> <td data-label="Roaster" class="px-4 py-3 whitespace-nowrap md:hidden">{{ cup.roaster_name }}</td>
<td data-label="Cafe" class="px-4 py-3 whitespace-nowrap"> <td data-label="Cafe" class="px-4 py-3 whitespace-nowrap">
<span class="text-amber-800">{{ cup.cafe_name }}</span> {{ cup.cafe_name }}
</td> </td>
<td data-label="Rating" class="px-4 py-3 whitespace-nowrap">{{ cup.rating }}</td> <td data-label="Rating" class="px-4 py-3 whitespace-nowrap">{{ cup.rating }}</td>
<td data-label="" class="card-actions px-4 py-3 text-right"> <td data-label="" class="card-actions px-4 py-3 text-right">

View file

@ -41,7 +41,7 @@
{{ roast.created_at }} {{ roast.created_at }}
</td> </td>
<td data-label="Roast" class="card-title px-4 py-3"> <td data-label="Roast" class="card-title px-4 py-3">
<span class="font-semibold text-amber-800">{{ roast.name }}</span> <div class="font-medium text-stone-800">{{ roast.name }}</div>
<div class="hidden md:block text-xs text-stone-500">{{ roast.roaster_label }}</div> <div class="hidden md:block text-xs text-stone-500">{{ roast.roaster_label }}</div>
</td> </td>
<td data-label="Roaster" class="px-4 py-3 whitespace-nowrap md:hidden">{{ roast.roaster_label }}</td> <td data-label="Roaster" class="px-4 py-3 whitespace-nowrap md:hidden">{{ roast.roaster_label }}</td>

View file

@ -38,7 +38,7 @@
<td data-label="Added" class="card-date whitespace-nowrap px-4 py-3 text-xs font-medium text-stone-600"> <td data-label="Added" class="card-date whitespace-nowrap px-4 py-3 text-xs font-medium text-stone-600">
{{ roaster.created_at }} {{ roaster.created_at }}
</td> </td>
<td data-label="Name" class="card-title px-4 py-3 font-semibold text-amber-800"> <td data-label="Name" class="card-title px-4 py-3 font-medium text-stone-800">
{{ roaster.name }} {{ roaster.name }}
</td> </td>
<td data-label="Location" class="px-4 py-3 whitespace-nowrap"> <td data-label="Location" class="px-4 py-3 whitespace-nowrap">