From 3a70672d22da9a76a48f4054363b67c2ecb1f58c Mon Sep 17 00:00:00 2001
From: Lucas Winther <lucwin@ece.au.dk>
Date: Sun, 16 Aug 2026 20:48:24 +0200
Subject: [PATCH] style(daily): fade an untouched chip's game colour further
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The hue on an unticked chip was competing with the tick for attention.
It only needs to say which game the job belongs to; how far you've got is
the tick's answer, and ticking one should read as a jump rather than a
nudge.

Border 34% → 20%, wash 5% → 3%, check 0.35 → 0.25. Done is unchanged.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 src/client/components/Dailies.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/client/components/Dailies.tsx b/src/client/components/Dailies.tsx
index 75af510..832858d 100644
--- a/src/client/components/Dailies.tsx
+++ b/src/client/components/Dailies.tsx
@@ -152,10 +152,15 @@ export function Dailies({
  * to the reader at 23:50 they are the same job, and the distinction between
  * "the app knows about this" and "a wiki published it" is ours, not theirs.
  *
- * The game's hue is on the border in both states — softly when the job is
+ * The game's hue is on the border in both states — faintly while the job is
  * outstanding, fully once it is done. A chip that only takes its colour on
  * completion means the strip you actually scan, the unfinished one, is a row of
  * identical grey pills with no clue which game each belongs to.
+ *
+ * The outstanding tint is kept low enough to read as a hint rather than a
+ * state: it has to say *which game* without competing with the tick, which is
+ * the only thing on the chip that answers the question the reader came with.
+ * Ticking one should be a visible jump, not a nudge.
  */
 function TickChip({
   label,
@@ -186,14 +191,14 @@ function TickChip({
       title={title}
       className="flex max-w-[15rem] items-center gap-2 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors"
       style={{
-        borderColor: isDone ? hue : `color-mix(in srgb, ${hue} 34%, transparent)`,
+        borderColor: isDone ? hue : `color-mix(in srgb, ${hue} 20%, transparent)`,
         // Colour identifies the game; done-ness is carried by the tick, the
         // full-strength border and the wash. Keeping the label readable matters
         // more than saturating it, so an outstanding chip stays on muted ink.
         color: isDone ? hue : "var(--color-muted)",
         background: isDone
           ? `color-mix(in srgb, ${hue} 14%, transparent)`
-          : `color-mix(in srgb, ${hue} 5%, transparent)`,
+          : `color-mix(in srgb, ${hue} 3%, transparent)`,
       }}
     >
       <svg viewBox="0 0 16 16" aria-hidden className="size-3 shrink-0">
@@ -204,7 +209,7 @@ function TickChip({
           strokeWidth="2.2"
           strokeLinecap="round"
           strokeLinejoin="round"
-          opacity={isDone ? 1 : 0.35}
+          opacity={isDone ? 1 : 0.25}
         />
       </svg>
       <span className="truncate">{label}</span>