From cc39d57f8c0a08ebc3dcde6f1a167a8580c5ea90 Mon Sep 17 00:00:00 2001
From: John Corser <xss@amazon.com>
Date: Sun, 2 Aug 2026 09:29:08 -0400
Subject: [PATCH] design(board): quiet empty/ordinary due dates in the list
 view

---
 src/features/board/board.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/features/board/board.css b/src/features/board/board.css
index 3e29a90..fd2b076 100644
--- a/src/features/board/board.css
+++ b/src/features/board/board.css
@@ -287,7 +287,11 @@
   border-radius: var(--tf-radius-sm);
   padding: 4px 6px;
   font-size: 0.8rem;
-  color: var(--tf-text);
+  /* Quiet by default (matches the read-only .list-row__due variant + Asana):
+     empty "mm/dd/yyyy" placeholders and ordinary upcoming dates read as muted
+     secondary info, so only overdue/today dates (their own color rules below)
+     draw the eye. */
+  color: var(--tf-text-muted);
 }
 
 .list-row__due {
@@ -410,6 +414,17 @@
   li.list-row .list-row__prio-select.list-row__prio--medium {
     border-color: currentColor;
   }
+  /* The date input's calendar-picker icon is a bit of chrome on every row; hide
+     it at rest so the column reads as plain dates, and reveal it (like the rest
+     of the control chrome) on row-hover or focus. */
+  .list-row__due-input::-webkit-calendar-picker-indicator {
+    opacity: 0;
+    transition: opacity 0.1s ease;
+  }
+  li.list-row:hover .list-row__due-input::-webkit-calendar-picker-indicator,
+  .list-row__due-input:focus::-webkit-calendar-picker-indicator {
+    opacity: 0.6;
+  }
 }
 
 li.list-row {