From 5ed6605460b3f25b7e4cb7fbd8488a2dae55331d Mon Sep 17 00:00:00 2001
From: lorentz <lorentz@wulfconsulting.com>
Date: Fri, 10 Apr 2026 14:53:16 +0000
Subject: [PATCH] Fix: brighter red/orange due date bg in dark mode, remove
 status select background

---
 ondeck/src/app/(dashboard)/tasks/page-client.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/ondeck/src/app/(dashboard)/tasks/page-client.tsx b/ondeck/src/app/(dashboard)/tasks/page-client.tsx
index 7e4fe6b..fdcba83 100644
--- a/ondeck/src/app/(dashboard)/tasks/page-client.tsx
+++ b/ondeck/src/app/(dashboard)/tasks/page-client.tsx
@@ -229,11 +229,11 @@ function TaskCard({ task: initial }: { task: Task }) {
   const dueBg = isCompleted
     ? 'bg-muted/50'
     : daysUntilDue < 0
-    ? 'bg-red-500/15'
+    ? 'bg-red-600/25 dark:bg-red-500/30'
     : daysUntilDue <= 7
-    ? 'bg-red-500/10'
+    ? 'bg-red-500/20 dark:bg-red-500/25'
     : daysUntilDue <= 14
-    ? 'bg-orange-500/10'
+    ? 'bg-orange-500/20 dark:bg-orange-400/25'
     : 'bg-muted/40'
 
   return (
@@ -290,7 +290,7 @@ function TaskCard({ task: initial }: { task: Task }) {
           {/* Row 2: Status | N/A */}
           <div className="px-3 py-1.5 border-b border-border flex items-center">
             <Select value={task.status} onValueChange={handleQuickStatus} disabled={statusUpdating}>
-              <SelectTrigger className="h-auto border-0 p-0 shadow-none text-xs font-medium hover:underline focus:ring-0 w-auto gap-1">
+              <SelectTrigger className="h-auto !border-0 p-0 !shadow-none !bg-transparent dark:!bg-transparent text-xs font-medium hover:underline focus:ring-0 focus-visible:ring-0 w-auto gap-1 rounded-none">
                 <SelectValue />
               </SelectTrigger>
               <SelectContent>