Fix: brighter red/orange due date bg in dark mode, remove status select background

This commit is contained in:
lorentz 2026-04-10 14:53:16 +00:00
parent ae66f931f7
commit 5ed6605460

View file

@ -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>