fix: make disabled group dot visible in dark mode (#906)

Author: kantord

renderer/src/features/mcp-servers/components/groups-manager/group.tsx

@@ -23,8 +23,9 @@ export function Group(props: {
       <div className="flex min-w-0 items-center gap-2">
         <span
           aria-hidden
-          className={`inline-block size-[7px] rounded-full
-            ${isEnabled ? 'bg-green-600' : 'bg-zinc-900/20'}`}
+          className={`inline-block size-[7px] shrink-0 rounded-full ${
+            isEnabled ? 'bg-green-600' : 'bg-zinc-900/20 dark:bg-zinc-200/50'
+          }`}
         />
         <span className="truncate">{name}</span>
       </div>

renderer/src/index.css

@@ -5,7 +5,8 @@
 
 @source '../../node_modules/streamdown/dist/index.js';
 
-@custom-variant dark (&: is(.dark *));
+/* Ensure Tailwind's `dark:` variant targets when any ancestor has `.dark` */
+@custom-variant dark (.dark &);
 
 @theme inline {
   --font-sans: 'Inter Variable', sans-serif;