From f89da5d93b7a2e2d2046560f587ac612caf343ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hartmut=20N=C3=B6renberg?= <hn@hartmut-noerenberg.com>
Date: Mon, 6 Apr 2026 10:34:49 +0200
Subject: [PATCH] fix(ui): use amber-950/30 for pending approvals dark
 background (not gray-800)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 apps/web/src/components/vacations/VacationClient.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/vacations/VacationClient.tsx b/apps/web/src/components/vacations/VacationClient.tsx
index e9c82d9..4b4e622 100644
--- a/apps/web/src/components/vacations/VacationClient.tsx
+++ b/apps/web/src/components/vacations/VacationClient.tsx
@@ -179,7 +179,7 @@ export function VacationClient() {
         <>
           {/* Pending approvals (manager view) */}
           {pendingList.length > 0 && (
-            <div className="bg-amber-50 dark:bg-gray-800 border border-amber-200 dark:border-amber-700/50 rounded-xl p-4">
+            <div className="bg-amber-50 dark:bg-amber-950/30 border border-amber-200 dark:border-amber-700/60 rounded-xl p-4">
               <div className="flex items-center justify-between mb-3">
                 <h2 className="text-sm font-semibold text-amber-800 dark:text-amber-400">
                   Pending Approvals ({pendingList.length})