more...

Author: alindt

src/modules/peers/PeerAddressCell.tsx

@@ -32,7 +32,7 @@ export default function PeerAddressCell({ peer }: Props) {
       >
         <div
           className={cn(
-            "flex items-center justify-center rounded-full h-8 w-8 shrink-0 bg-gray-100 dark:bg-nb-gray-920/80 transition-all",
+            "flex items-center justify-center rounded-full h-8 w-8 shrink-0 bg-transparent dark:bg-nb-gray-920/80 transition-all",
           )}
         >
           {isEmpty(peer.country_code) ? (

src/modules/peers/PeerAddressTooltipContent.tsx

@@ -119,15 +119,15 @@ const ListItem = ({
   return (
     <div
       className={cn(
-        "flex justify-between gap-12 border-b border-nb-gray-920 py-2 px-4 last:border-b-0",
+        "flex justify-between gap-12 border-b border-gray-200 dark:border-nb-gray-920 py-2 px-4 last:border-b-0",
         className,
       )}
     >
-      <div className={"flex items-center gap-2 text-nb-gray-100 font-medium"}>
+      <div className={"flex items-center gap-2 text-gray-700 dark:text-nb-gray-100 font-medium"}>
         {icon}
         {label}
       </div>
-      <div className={"text-nb-gray-300"}>{value}</div>
+      <div className={"text-gray-500 dark:text-nb-gray-300"}>{value}</div>
     </div>
   );
 };