more...

Author: alindt

src/modules/common-table-rows/ActiveInactiveRow.tsx

@@ -44,6 +44,7 @@ export default function ActiveInactiveRow({
             <div
               className={cn(
                 "font-medium flex gap-2 items-center justify-center",
+                "text-gray-800 dark:text-white group-hover:text-white"
               )}
             >
               <TextWithTooltip

src/modules/common-table-rows/LastTimeRow.tsx

@@ -26,7 +26,7 @@ export default function LastTimeRow({
         <TooltipTrigger>
           <div
             className={
-              "flex items-center whitespace-nowrap gap-2 dark:text-neutral-300 text-neutral-500 transition-all hover:bg-gray-500 hover:text-white dark:hover:text-neutral-100 dark:hover:bg-nb-gray-800/60 py-2 px-3 rounded-md cursor-default"
+              "flex items-center whitespace-nowrap gap-2 dark:text-neutral-300 text-neutral-500 transition-all hover:bg-gray-300 hover:text-white dark:hover:text-neutral-100 dark:hover:bg-nb-gray-800/60 py-2 px-3 rounded-md cursor-default"
             }
           >
             <>

src/modules/dns-nameservers/table/NameserverNameCell.tsx

@@ -11,7 +11,7 @@ export default function NameserverNameCell({ ns }: Props) {
     <div className={"flex min-w-[270px] max-w-[270px]"}>
       <div
         className={
-          "group flex items-center gap-2 dark:text-neutral-300 text-neutral-500 transition-all hover:bg-gray-500 dark:hover:text-neutral-100 dark:hover:bg-nb-gray-800/60 py-2 px-3 rounded-md cursor-pointer"
+          "group flex items-center gap-2 dark:text-neutral-300 text-neutral-500 transition-all hover:bg-gray-300 hover:text-white dark:hover:text-neutral-100 dark:hover:bg-nb-gray-800/60 py-2 px-3 rounded-md cursor-pointer"
         }
       >
         <ActiveInactiveRow

src/modules/networks/misc/NetworkInformationSquare.tsx

@@ -22,7 +22,7 @@ export const NetworkInformationSquare = ({
       className={cn(
         "flex w-full items-center max-w-[300px] gap-4 text-neutral-500 dark:text-neutral-300 transition-all group/network rounded-md",
         onClick
-          ? "hover:bg-gray-500 dark:hover:text-neutral-100 dark:hover:bg-nb-gray-910 cursor-pointer py-2 pl-3 pr-5 relative"
+          ? "hover:bg-gray-300 hover:text-white dark:hover:text-neutral-100 dark:hover:bg-nb-gray-910 cursor-pointer py-2 pl-3 pr-5 relative"
           : "cursor-default",
       )}
       onClick={onClick}

src/modules/peers/PeerLastSeenCell.tsx

@@ -12,7 +12,7 @@ export default function PeerLastSeenCell({ peer }: Props) {
   ) : (
     <div
       className={
-        "flex items-center whitespace-nowrap gap-2 dark:text-neutral-300 text-neutral-500 transition-all hover:bg-gray-500 hover:text-white dark:hover:text-neutral-100 dark:hover:bg-nb-gray-800/60 py-2 px-3 rounded-md"
+        "flex items-center whitespace-nowrap gap-2 dark:text-neutral-300 text-neutral-500 transition-all hover:bg-gray-300 hover:text-white dark:hover:text-neutral-100 dark:hover:bg-nb-gray-800/60 py-2 px-3 rounded-md"
       }
     >
       <>

src/modules/peers/PeerNameCell.tsx

@@ -29,7 +29,7 @@ export default function PeerNameCell({ peer, linkToPeer = true }: Props) {
         className={cn(
           "group flex items-center max-w-[300px] gap-2 dark:text-neutral-300 text-neutral-500 transition-all py-2 px-3 rounded-md ",
           linkToPeer &&
-            "hover:bg-gray-500 dark:hover:text-neutral-100 dark:hover:bg-nb-gray-800/60 cursor-pointer",
+            "hover:bg-gray-300 hover:text-white dark:hover:text-neutral-100 dark:hover:bg-nb-gray-800/60 cursor-pointer",
         )}
         data-testid="peer-name-cell"
         aria-label={`View details of peer ${peer.name}`}
@@ -42,7 +42,7 @@ export default function PeerNameCell({ peer, linkToPeer = true }: Props) {
             isOwnerOrAdmin && <ExitNodePeerIndicator peer={peer} />
           }
         >
-          <div className={"text-nb-gray-400 font-light truncate"}>
+          <div className={"font-light truncate"}>
             {displayUserEmailOrName || (displayUserId && `user: ${displayUserId}`)}
           </div>
         </ActiveInactiveRow>