more...

Author: alindt

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

@@ -44,7 +44,6 @@ 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-neutral-100",
               )}
             >
               <TextWithTooltip text={text as string} maxChars={25} />

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

@@ -26,11 +26,11 @@ export default function LastTimeRow({
         <TooltipTrigger>
           <div
             className={
-              "flex items-center whitespace-nowrap gap-2 dark:text-neutral-300 text-neutral-500 hover:text-neutral-100 transition-all 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-500 hover:text-white dark:hover:text-neutral-100 dark:hover:bg-nb-gray-800/60 py-2 px-3 rounded-md cursor-default"
             }
           >
             <>
-              <History size={14} />
+              <History size={14} className={"hover:text-white"} />
               {prefix && <>{prefix} </>}
               {dayjs().to(date)}
             </>

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-nb-gray-800/60 py-2 px-3 rounded-md cursor-pointer"
+          "flex items-center 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-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-nb-gray-800/60 cursor-pointer py-2 pl-3 pr-5 relative"
+          ? "hover:bg-gray-500 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}
@@ -54,7 +54,6 @@ export const NetworkInformationSquare = ({
         <TruncatedText
           className={cn(
             "font-medium text-gray-800 dark:text-white text-left",
-            "group-hover/network:text-neutral-100",
             size == "md" ? "text-sm" : "text-xl leading-none mb-0.5",
           )}
           maxChars={24}

src/modules/peers/PeerLastSeenCell.tsx

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

src/modules/peers/PeerNameCell.tsx

@@ -27,9 +27,9 @@ export default function PeerNameCell({ peer, linkToPeer = true }: Props) {
     <div>
       <div
         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 ",
+          "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-nb-gray-800/60 cursor-pointer",
+            "hover:bg-gray-500 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}`}