hamster1963 · hamster1963 · Nov 14, 2025 · Nov 14, 2025 · Nov 14, 2025 · Nov 14, 2025
diff --git a/.gitignore b/.gitignore
@@ -47,3 +47,5 @@ next-env.d.ts
 .env
 
 CLAUDE.md
+
+.open-next
diff --git a/app/(main)/ClientComponents/detail/ServerDetailClient.tsx b/app/(main)/ClientComponents/detail/ServerDetailClient.tsx
@@ -109,7 +109,7 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
         {name}
       </div>
       <section className="mt-3 flex flex-wrap gap-2">
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("status")}</p>
@@ -127,7 +127,7 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
             </section>
           </CardContent>
         </Card>
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("Uptime")}</p>
@@ -141,7 +141,7 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
           </CardContent>
         </Card>
         {version && (
-          <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+          <Card className="border-none bg-transparent shadow-none ring-0">
             <CardContent className="px-1.5 py-1">
               <section className="flex flex-col items-start gap-0.5">
                 <p className="text-muted-foreground text-xs">{t("Version")}</p>
@@ -151,7 +151,7 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
           </Card>
         )}
         {arch && (
-          <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+          <Card className="border-none bg-transparent shadow-none ring-0">
             <CardContent className="px-1.5 py-1">
               <section className="flex flex-col items-start gap-0.5">
                 <p className="text-muted-foreground text-xs">{t("Arch")}</p>
@@ -161,15 +161,15 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
           </Card>
         )}
 
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("Mem")}</p>
               <div className="text-xs">{formatBytes(mem_total)}</div>
             </section>
           </CardContent>
         </Card>
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("Disk")}</p>
@@ -178,7 +178,7 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
           </CardContent>
         </Card>
         {country_code && (
-          <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+          <Card className="border-none bg-transparent shadow-none ring-0">
             <CardContent className="px-1.5 py-1">
               <section className="flex flex-col items-start gap-0.5">
                 <p className="text-muted-foreground text-xs">{t("Region")}</p>
@@ -195,7 +195,7 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
       </section>
       <section className="mt-1 flex flex-wrap gap-2">
         {platform && (
-          <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+          <Card className="border-none bg-transparent shadow-none ring-0">
             <CardContent className="px-1.5 py-1">
               <section className="flex flex-col items-start gap-0.5">
                 <p className="text-muted-foreground text-xs">{t("System")}</p>
@@ -209,7 +209,7 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
           </Card>
         )}
         {cpu_info && cpu_info.length > 0 && (
-          <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+          <Card className="border-none bg-transparent shadow-none ring-0">
             <CardContent className="px-1.5 py-1">
               <section className="flex flex-col items-start gap-0.5">
                 <p className="text-muted-foreground text-xs">{t("CPU")}</p>
@@ -220,7 +220,7 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
           </Card>
         )}
         {gpu_info && gpu_info.length > 0 && (
-          <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+          <Card className="border-none bg-transparent shadow-none ring-0">
             <CardContent className="px-1.5 py-1">
               <section className="flex flex-col items-start gap-0.5">
                 <p className="text-muted-foreground text-xs">{"GPU"}</p>
@@ -231,7 +231,7 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
         )}
       </section>
       <section className="mt-1 flex flex-wrap gap-2">
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("Load")}</p>
@@ -241,7 +241,7 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
             </section>
           </CardContent>
         </Card>
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("Upload")}</p>
@@ -253,7 +253,7 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
             </section>
           </CardContent>
         </Card>
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("Download")}</p>
@@ -267,15 +267,15 @@ export default function ServerDetailClient({ server_id }: { server_id: number })
         </Card>
       </section>
       <section className="mt-1 flex flex-wrap gap-2">
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("BootTime")}</p>
               <div className="text-xs">{boot_time_string ? boot_time_string : "N/A"}</div>
             </section>
           </CardContent>
         </Card>
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("LastActive")}</p>

diff --git a/app/(main)/ClientComponents/detail/ServerIPInfo.tsx b/app/(main)/ClientComponents/detail/ServerIPInfo.tsx
@@ -30,7 +30,7 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
   return (
     <section className="mb-4 flex flex-wrap gap-2">
       {data.asn?.autonomous_system_organization && (
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="rounded-[10px] border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{"ASN"}</p>
@@ -40,7 +40,7 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
         </Card>
       )}
       {data.asn?.autonomous_system_number && (
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="rounded-[10px] border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("asn_number")}</p>
@@ -50,7 +50,7 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
         </Card>
       )}
       {data.city?.registered_country?.names.en && (
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="rounded-[10px] border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("registered_country")}</p>
@@ -60,7 +60,7 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
         </Card>
       )}
       {data.city?.country?.iso_code && (
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="rounded-[10px] border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{"ISO"}</p>
@@ -70,7 +70,7 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
         </Card>
       )}
       {data.city?.city?.names.en && (
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="rounded-[10px] border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("city")}</p>
@@ -80,7 +80,7 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
         </Card>
       )}
       {data.city?.location?.longitude && (
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="rounded-[10px] border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("longitude")}</p>
@@ -90,7 +90,7 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
         </Card>
       )}
       {data.city?.location?.latitude && (
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="rounded-[10px] border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("latitude")}</p>
@@ -100,7 +100,7 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
         </Card>
       )}
       {data.city?.location?.time_zone && (
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="rounded-[10px] border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("time_zone")}</p>
@@ -110,7 +110,7 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
         </Card>
       )}
       {data.city?.postal && (
-        <Card className="rounded-[10px] border-none bg-transparent shadow-none">
+        <Card className="rounded-[10px] border-none bg-transparent shadow-none ring-0">
           <CardContent className="px-1.5 py-1">
             <section className="flex flex-col items-start gap-0.5">
               <p className="text-muted-foreground text-xs">{t("postal_code")}</p>

diff --git a/app/(main)/ClientComponents/main/MapTooltip.tsx b/app/(main)/ClientComponents/main/MapTooltip.tsx
@@ -21,7 +21,7 @@ const MapTooltip = memo(function MapTooltip() {
 
   return (
     <div
-      className="tooltip-animate absolute z-50 hidden rounded bg-white px-2 py-1 text-sm shadow-lg lg:block dark:border dark:border-neutral-700 dark:bg-neutral-800"
+      className="tooltip-animate absolute z-50 hidden rounded bg-white px-2 py-1 text-sm shadow-md ring ring-stone-200 lg:block dark:bg-stone-800 dark:shadow-none dark:ring-stone-700"
       key={tooltipData.country}
       style={{
         left: tooltipData.centroid[0],

diff --git a/app/(main)/ClientComponents/main/ServerListClient.tsx b/app/(main)/ClientComponents/main/ServerListClient.tsx
@@ -90,7 +90,7 @@ const ServerList = ({
     return (
       <section
         ref={containerRef}
-        className="scrollbar-hidden flex flex-col gap-2 overflow-x-scroll"
+        className="scrollbar-hidden flex flex-col gap-2 overflow-x-scroll p-px"
       >
         {servers.map((serverInfo) => (
           <ServerCardInline key={serverInfo.id} serverInfo={serverInfo} />
@@ -190,7 +190,7 @@ export default function ServerListClient() {
             localStorage.setItem("showMap", String(newShowMap))
           }}
           className={cn(
-            "inset-shadow-2xs inset-shadow-white/20 flex cursor-pointer flex-col items-center gap-0 rounded-[50px] bg-blue-100 p-[10px] text-blue-600 transition-all dark:bg-blue-900 dark:text-blue-100",
+            "inset-shadow-2xs inset-shadow-white/20 flex cursor-pointer flex-col items-center gap-0 rounded-[50px] bg-blue-100 p-2.5 text-blue-600 transition-all dark:bg-blue-900 dark:text-blue-100",
             {
               "inset-shadow-black/20 bg-blue-600 text-white dark:bg-blue-100 dark:text-blue-600":
                 showMap,
@@ -207,7 +207,7 @@ export default function ServerListClient() {
             localStorage.setItem("inline", newInline)
           }}
           className={cn(
-            "inset-shadow-2xs inset-shadow-white/20 flex cursor-pointer flex-col items-center gap-0 rounded-[50px] bg-blue-100 p-[10px] text-blue-600 transition-all dark:bg-blue-900 dark:text-blue-100",
+            "inset-shadow-2xs inset-shadow-white/20 flex cursor-pointer flex-col items-center gap-0 rounded-[50px] bg-blue-100 p-2.5 text-blue-600 transition-all dark:bg-blue-900 dark:text-blue-100",
             {
               "inset-shadow-black/20 bg-blue-600 text-white dark:bg-blue-100 dark:text-blue-600":
                 inline === "1",

diff --git a/app/(main)/ClientComponents/main/ServerOverviewClient.tsx b/app/(main)/ClientComponents/main/ServerOverviewClient.tsx
@@ -40,12 +40,14 @@ export default function ServerOverviewClient() {
             setFilter(false)
             setStatus("all")
           }}
-          className={cn("group cursor-pointer transition-all hover:border-blue-500")}
+          className={cn(
+            "group cursor-pointer transition-all hover:ring-blue-500 dark:hover:ring-blue-600",
+          )}
         >
           <CardContent className="flex h-full items-center px-6 py-3">
             <section className="flex flex-col gap-1">
               <p className="font-medium text-sm md:text-base">{t("p_816-881_Totalservers")}</p>
-              <div className="flex min-h-[28px] items-center gap-2">
+              <div className="flex min-h-7 items-center gap-2">
                 <span className="relative flex h-2 w-2">
                   <span className="relative inline-flex h-2 w-2 rounded-full bg-blue-500" />
                 </span>
@@ -68,16 +70,16 @@ export default function ServerOverviewClient() {
             setStatus("online")
           }}
           className={cn(
-            "cursor-pointer ring-1 ring-transparent transition-all hover:ring-green-500",
+            "cursor-pointer ring-1 transition-all hover:ring-green-500 dark:hover:ring-green-600",
             {
-              "border-transparent ring-2 ring-green-500": status === "online",
+              "border-transparent ring-2 ring-green-500 dark:ring-green-600": status === "online",
             },
           )}
         >
           <CardContent className="flex h-full items-center px-6 py-3">
             <section className="flex flex-col gap-1">
               <p className="font-medium text-sm md:text-base">{t("p_1610-1676_Onlineservers")}</p>
-              <div className="flex min-h-[28px] items-center gap-2">
+              <div className="flex min-h-7 items-center gap-2">
                 <span className="relative flex h-2 w-2">
                   <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-500 opacity-75" />
                   <span className="relative inline-flex h-2 w-2 rounded-full bg-green-500" />
@@ -101,16 +103,16 @@ export default function ServerOverviewClient() {
             setStatus("offline")
           }}
           className={cn(
-            "cursor-pointer ring-1 ring-transparent transition-all hover:ring-red-500",
+            "cursor-pointer ring-1 transition-all hover:ring-red-500 dark:hover:ring-red-600",
             {
-              "border-transparent ring-2 ring-red-500": status === "offline",
+              "border-transparent ring-2 ring-red-500 dark:ring-red-600": status === "offline",
             },
           )}
         >
           <CardContent className="flex h-full items-center px-6 py-3">
             <section className="flex flex-col gap-1">
               <p className="font-medium text-sm md:text-base">{t("p_2532-2599_Offlineservers")}</p>
-              <div className="flex min-h-[28px] items-center gap-2">
+              <div className="flex min-h-7 items-center gap-2">
                 <span className="relative flex h-2 w-2">
                   <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-red-500 opacity-75" />
                   <span className="relative inline-flex h-2 w-2 rounded-full bg-red-500" />
@@ -134,9 +136,9 @@ export default function ServerOverviewClient() {
             setFilter(true)
           }}
           className={cn(
-            "group cursor-pointer ring-1 ring-transparent transition-all hover:ring-purple-500",
+            "group cursor-pointer ring-1 hover:ring-purple-500 dark:hover:ring-purple-600",
             {
-              "border-transparent ring-2 ring-purple-500": filter === true,
+              "border-transparent ring-2 ring-purple-500 dark:ring-purple-600": filter === true,
             },
           )}
         >

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -2,6 +2,8 @@ import { ThemeColorManager } from "@/components/ThemeColorManager"
 import getEnv from "@/lib/env-entry"
 import { cn } from "@/lib/utils"
 import "@/styles/globals.css"
+import "flag-icons/css/flag-icons.min.css"
+import "font-logos/assets/font-logos.css"
 import type { Metadata, Viewport } from "next"
 import { Inter as FontSans } from "next/font/google"
 import { NextIntlClientProvider } from "next-intl"
@@ -49,14 +51,6 @@ export default async function LocaleLayout({ children }: { children: React.React
     <html lang={locale} suppressHydrationWarning>
       <head>
         <PublicEnvScript />
-        <link
-          rel="stylesheet"
-          href="https://fastly.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css"
-        />
-        <link
-          rel="stylesheet"
-          href="https://fastly.jsdelivr.net/npm/font-logos@1/assets/font-logos.css"
-        />
       </head>
       <body className={cn("min-h-screen bg-background font-sans antialiased", fontSans.variable)}>
         <ThemeProvider

diff --git a/biome.json b/biome.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.8/schema.json",
   "vcs": { "enabled": false, "clientKind": "git", "useIgnoreFile": false },
   "files": {
     "ignoreUnknown": false,
Original file line number	Diff line number	Diff line change
Expand Up		@@ -47,3 +47,5 @@ next-env.d.ts
		.env

		CLAUDE.md

		.open-next