more...

Author: alindt

src/components/ui/SmallBadge.tsx

@@ -5,7 +5,7 @@ import * as React from "react";
 const smallBadgeVariants = cva("", {
   variants: {
     variant: {
-      green: "bg-green-900 border border-green-500/20 text-green-950 dark:text-green-400",
+      green: "border border-green-500/20 bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-400",
       white: "bg-white/20 border border-white/10 text-white",
       sky: "bg-sky-900 border border-sky-500/20 text-white",
     },

src/modules/peers/PeerNameCell.tsx

@@ -29,7 +29,7 @@ export default function PeerNameCell({ peer, linkToPeer = true }: Props) {
         className={cn(
           "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:text-neutral-100 hover:bg-nb-gray-800/60 cursor-pointer",
+            "hover:text-neutral-800 hover:bg-gray-100 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}`}