fix(ui): сделать сетевые показатели и настройки читаемыми в обеих темах

app/(main)/recursive-routes/page.tsx

@@ -12,6 +12,7 @@ import { RecursiveGatewayChoices, type GatewayOption } from "@/components/recurs
 import { FormField, SectionTitle } from "@/components/form-kit"
 import { DataPageCard } from "@/components/data-page-card"
 import { Frame, FramePanel } from "@/components/reui/frame"
+import { Badge } from "@/components/reui/badge"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle } from "@/components/ui/sheet"
@@ -330,15 +331,10 @@ function RouteSheet({
 
 function TypeChip({ type }: { type: "jump-host" | "exit-node" | "home-router" }) {
   return (
-    <span className={cn(
-      "inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-bold border shrink-0",
-      type === "home-router" ? "bg-success/10 text-success border-success/20" :
-      type === "jump-host"
-        ? "bg-focus/10 text-focus border-focus/20"
-        : "bg-info/10 text-info border-info/20",
-    )}>
+    <Badge size="xs" className="shrink-0 text-foreground"
+      variant={type === "home-router" ? "success-light" : type === "jump-host" ? "primary-light" : "info-light"}>
       {type === "jump-host" ? "JH" : type === "home-router" ? "HR" : "EN"}
-    </span>
+    </Badge>
   )
 }