From aa5c2332e8003cf2a5491f2844650f4999a9f9bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Br=C3=BCckner?= <j.brueckner@airitsystems.de>
Date: Fri, 5 Jun 2026 10:03:46 +0200
Subject: [PATCH] fix(ui): use semi-transparent indigo badge for
 application/json label

---
 src/components/BookingDetailsModal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/BookingDetailsModal.tsx b/src/components/BookingDetailsModal.tsx
index b5fd328..3d83e4a 100644
--- a/src/components/BookingDetailsModal.tsx
+++ b/src/components/BookingDetailsModal.tsx
@@ -320,7 +320,7 @@ export default function BookingDetailsModal({
                 <Database className="w-3.5 h-3.5" />
                 GET /api/bookings/{booking.id}
               </span>
-              <span className="text-indigo-400 bg-indigo-950 border border-indigo-900 px-1.5 py-0.5 rounded font-mono text-[9px]">application/json</span>
+              <span className="text-indigo-300 bg-indigo-500/15 border border-indigo-500/30 px-1.5 py-0.5 rounded font-mono text-[9px]">application/json</span>
             </div>
             <div className="p-4 relative overflow-x-auto max-h-[260px] overflow-y-auto">
               <button