Refactor sub-menu item styles to improve

accessibility.
gitpod-io · Nov 13, 2023 · e0c7dcd · e0c7dcd
1 parent 908ea12
commit e0c7dcd
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/components/dashboard/src/components/PageWithSubMenu.tsx b/components/dashboard/src/components/PageWithSubMenu.tsx
@@ -69,10 +69,11 @@ export const SubmenuItem: FC<SubmenuItemProps> = ({ title, link, icon }) => {
 
     let classes = "flex justify-between block rounded-md py-2 px-4 whitespace-nowrap max-w-52";
 
-    if (link.some((l) => l === location.pathname)) {
+    const isCurrent = link.some((l) => l === location.pathname);
+    if (isCurrent) {
         classes += " bg-gray-300 text-gray-800 dark:bg-gray-800 dark:text-gray-50";
     } else {
-        classes += " hover:bg-gray-100 dark:hover:bg-gray-800";
+        classes += " hover:bg-gray-100 dark:hover:bg-gray-800 dark:text-gray-400";
     }
 
     return (