From 544897e98ab6afda165521b6bcee77cf555c5edb Mon Sep 17 00:00:00 2001
From: Ace <40604284+AceTheCreator@users.noreply.github.com>
Date: Wed, 21 Aug 2024 14:37:14 -0500
Subject: [PATCH] fix: request-reply low contrast view in nav panel (#1040)

Co-authored-by: Lukasz Gornicki <lpgornicki@gmail.com>
---
 library/src/containers/Sidebar/Sidebar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
index 6e1eeaefc..abdc54581 100644
--- a/library/src/containers/Sidebar/Sidebar.tsx
+++ b/library/src/containers/Sidebar/Sidebar.tsx
@@ -344,7 +344,7 @@ const OperationItem: React.FunctionComponent<OperationItemProps> = ({
       config,
       isAsyncAPIv2,
     });
-
+  const bgColors = ['bg-red-600', 'bg-orange-600', 'bg-green-600'];
   return (
     <li key={`menu-operation-list-${operationHrefId}`}>
       <a
@@ -353,7 +353,7 @@ const OperationItem: React.FunctionComponent<OperationItemProps> = ({
         onClick={() => setShowSidebar(false)}
       >
         <span
-          className={`${backgroundColor} font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs`}
+          className={`font-bold h-6 no-underline text-white uppercase p-1 mr-2 rounded text-xs ${bgColors.includes(backgroundColor) && backgroundColor}`}
           title={typeLabel}
         >
           {typeLabel}