sync: update from private repo (fd190dc)

ui/src/components/userfolder/SshConnectionsPanel.tsx

@@ -408,7 +408,7 @@ function ConnectionRow(props: ConnectionRowProps) {
             )}
           </div>
           {c.disabledByAdminReason && (
-            <div className="text-2xs text-red-700 mt-0.5">理由: {c.disabledByAdminReason}</div>
+            <div className="text-2xs text-red-700 dark:text-red-300 mt-0.5">理由: {c.disabledByAdminReason}</div>
           )}
         </div>
         <div className="flex items-center gap-1 flex-shrink-0 flex-wrap justify-end">
@@ -442,7 +442,7 @@ function ConnectionRow(props: ConnectionRowProps) {
             <button
               type="button"
               onClick={onDelete}
-              className="px-2 h-7 text-2xs text-red-600 border border-hairline rounded hover:bg-red-50"
+              className="px-2 h-7 text-2xs text-red-600 border border-hairline rounded hover:bg-red-50 dark:hover:bg-red-500/15"
             >
               削除
             </button>
@@ -508,10 +508,10 @@ function HostKeyBadge({ verified, pending }: { verified: boolean; pending: boole
 function Badge({ color, children }: { color: 'slate' | 'blue' | 'emerald' | 'amber' | 'red'; children: React.ReactNode }) {
   const cls: Record<typeof color, string> = {
     slate: 'bg-slate-100 text-slate-600',
-    blue: 'bg-blue-50 text-blue-600',
-    emerald: 'bg-emerald-50 text-emerald-700',
-    amber: 'bg-amber-50 text-amber-700',
-    red: 'bg-red-50 text-red-700',
+    blue: 'bg-blue-50 dark:bg-blue-500/15 text-blue-600 dark:text-blue-300',
+    emerald: 'bg-emerald-50 dark:bg-emerald-500/15 text-emerald-700 dark:text-emerald-300',
+    amber: 'bg-amber-50 dark:bg-amber-500/15 text-amber-700 dark:text-amber-300',
+    red: 'bg-red-50 dark:bg-red-500/15 text-red-700 dark:text-red-300',
   };
   return (
     <span className={`inline-block px-1.5 py-0.5 rounded text-[10px] font-medium leading-none ${cls[color]}`}>