more...

Author: alindt

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

@@ -44,17 +44,16 @@ 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
                 text={text as string}
                 maxChars={25}
-                className="text-gray-800 dark:text-white group-hover:text-white"
+                className=""
               />
               {additionalInfo}
             </div>
-            <div className={"text-nb-gray-400 dark:text-nb-gray-300 group-hover:text-white"}>
+            <div className={"-mt-[1px]"}>
               {children}
             </div>
           </div>

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-300 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-neutral-800 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-300 hover:text-white 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-neutral-800 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-300 hover:text-white 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-neutral-700 dark:hover:text-neutral-100 dark:hover:bg-nb-gray-910 cursor-pointer py-2 pl-3 pr-5 relative"
           : "cursor-default",
       )}
       onClick={onClick}
@@ -54,7 +54,6 @@ export const NetworkInformationSquare = ({
         <TruncatedText
           className={cn(
             "font-medium text-gray-800 dark:text-white text-left",
-            "group-hover/network:text-white",
             size == "md" ? "text-sm" : "text-xl leading-none mb-0.5",
           )}
           maxChars={24}
@@ -63,7 +62,6 @@ export const NetworkInformationSquare = ({
         <TruncatedText
           className={cn(
             "text-left text-sm text-gray-500 dark:text-nb-gray-400",
-            "group-hover/network:text-white",
             size == "lg" && "text-md mt-0.5",
           )}
           maxChars={24}

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-300 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-neutral-800 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-300 hover:text-white dark:hover:text-neutral-100 dark:hover:bg-nb-gray-800/60 cursor-pointer",
+            "hover:bg-gray-300 hover:text-neutral-800 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}`}