From 78fc2eaba0dcd6ee61aac5d128435b8a24826292 Mon Sep 17 00:00:00 2001 From: faizur_almas Date: Tue, 27 Oct 2026 16:22:46 +0600 Subject: [PATCH] Receipts: make the selected filter's label readable The selected pill used the ink colour as its background with white text. Ink is near-white in the dark theme, so the label vanished. The text now uses the page colour, which is the opposite of ink in both themes. Co-Authored-By: Claude Opus 5.5 --- app/receipts/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/receipts/page.tsx b/app/receipts/page.tsx index 9750b2a..b527db1 100644 --- a/app/receipts/page.tsx +++ b/app/receipts/page.tsx @@ -97,7 +97,7 @@ export default function ReceiptsPage() { type="button" aria-pressed={filter === name} onClick={() => setFilter(name)} - className={`shrink-0 rounded-full border px-4 py-1.5 text-sm transition ${filter === name ? "border-ink bg-ink font-semibold text-white" : "border-line bg-card text-quiet hover:text-ink"}`} + className={`shrink-0 rounded-full border px-4 py-1.5 text-sm transition ${filter === name ? "border-ink bg-ink font-semibold text-paper" : "border-line bg-card text-quiet hover:text-ink"}`} > {name}