From 2a7c4f969874b850e30170f3aef5b578677220b0 Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Sat, 12 Sep 2026 22:26:09 +0200
Subject: Scope badges, titles, and one-off styles; add Button outline

ScoreBadge/StatusBadge carry their own color scales, no
bg-*/text-* globals. SectionTitle unifies category-name and
section-title dupes (h2/h3 via level prop). Grocery add-bar
buttons use Button, new outline variant for the secondary
action. save-status moves into its only page. Delete dead
globals and page overrides.
---
 src/routes/groceries/catalog/+page.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'src/routes/groceries/catalog')

diff --git a/src/routes/groceries/catalog/+page.svelte b/src/routes/groceries/catalog/+page.svelte
index a7f3c0e..076d3ce 100644
--- a/src/routes/groceries/catalog/+page.svelte
+++ b/src/routes/groceries/catalog/+page.svelte
@@ -4,6 +4,7 @@
 	import GroceryRow from '$lib/components/GroceryRow.svelte';
 	import Button from '$lib/components/Button.svelte';
 	import { groupByCategory } from '$lib/shared/group-by-category';
+	import SectionTitle from '$lib/components/SectionTitle.svelte';
 
 	let { data, form } = $props();
 
@@ -73,7 +74,7 @@
 		{:else}
 			<form method="POST" action="?/toggle" use:enhance>
 				{#each groupByCategory(filteredItems, data.categories) as [cat, items] (cat)}
-					<h3 class="category-name">{cat}</h3>
+					<SectionTitle level={3}>{cat}</SectionTitle>
 					<ul class="item-list">
 						{#each items as item (item.id)}
 							<GroceryRow
-- 
cgit v1.3