fix navigation low contrast nav panel

asyncapi · Aug 14, 2024 · 48192d8 · 48192d8
1 parent 14620a8
commit 48192d8
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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}