[FIX] Improve visibility of dropdown menu background color on hover #…

…3330
asyncapi · Oct 28, 2024 · d9782d7 · d9782d7
1 parent fd48c6a
commit d9782d7
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/navigation/MenuBlocks.tsx b/components/navigation/MenuBlocks.tsx
@@ -43,7 +43,7 @@ export default function MenuBlocks({ items = [] }: MenuBlocksProps) {
             <span
               data-testid='MenuBlocks-Link'
               className={`-m-3 flex items-start space-x-4 rounded-lg p-3 transition duration-150 ease-in-out ${
-                router.asPath === item.href ? 'bg-secondary-100 shadow-sm' : 'hover:bg-gray-50'
+                router.asPath === item.href ? 'bg-secondary-100 shadow-sm' : 'hover:bg-gray-300'
               }`}
             >
               <div

diff --git a/components/navigation/NavMenu.tsx b/components/navigation/NavMenu.tsx
@@ -39,7 +39,7 @@ export default function NavMenu({ items = [] }: NavMenuProps) {
                 data-testid='NavMenu-Link'
               >
                 <Paragraph typeStyle={ParagraphTypeStyle.sm} textColor='text-gray-900' className='font-semibold'>
-                  {item.text}
+                {item.text}
                 </Paragraph>
                 <Paragraph typeStyle={ParagraphTypeStyle.sm}>{item.description}</Paragraph>
               </Link>

diff --git a/components/navigation/SubCategoryDocsNav.tsx b/components/navigation/SubCategoryDocsNav.tsx
@@ -50,7 +50,7 @@ export default function SubCategoryDocsNav({ subCategory, activeItem, onClick }:
         <DocsNavItem
           {...subCategory.item}
           activeSlug={activeItem}
-          defaultClassName={`font-body text-sm text-black leading-8 ${
+          defaultClassName={`font-body text-sm text-blue-600 leading-8 ${
             subCategory.children ? 'hover:font-semibold' : 'hover:text-secondary-600'
           }`}
           inactiveClassName='font-regular'