From a8888b9ca6761d294ed49ca675511ae9345f675a Mon Sep 17 00:00:00 2001
From: kjch <1834423612@qq.com>
Date: Mon, 3 Feb 2025 14:24:30 -0500
Subject: [PATCH] fix: update button color styles in Server Page for improved
 visual clarity

---
 src/pages/Server.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/pages/Server.tsx b/src/pages/Server.tsx
index db37c74..76827b4 100644
--- a/src/pages/Server.tsx
+++ b/src/pages/Server.tsx
@@ -214,9 +214,10 @@ export default function Servers() {
               setShowMap(showMap === "0" ? "1" : "0")
             }}
             className={cn(
-              "rounded-[50px] text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-blue-600  p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)]  ",
+              "rounded-[50px] cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] border-2",
               {
-                "shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] bg-blue-500": showMap === "1",
+                "text-white bg-blue-500 border-blue-500": showMap === "1",
+                "text-blue-700 border-blue-700 bg-gray-200": showMap === "0",
               },
               {
                 "bg-opacity-70": customBackgroundImage,
@@ -231,9 +232,10 @@ export default function Servers() {
               localStorage.setItem("showServices", showServices === "0" ? "1" : "0")
             }}
             className={cn(
-              "rounded-[50px] text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-blue-600  p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)]  ",
+              "rounded-[50px] cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] border-2",
               {
-                "shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] bg-blue-500": showServices === "1",
+                "text-white bg-blue-500 border-blue-500": showServices === "1",
+                "text-blue-700 border-blue-700 bg-gray-200": showServices === "0",
               },
               {
                 "bg-opacity-70": customBackgroundImage,
@@ -248,9 +250,10 @@ export default function Servers() {
               localStorage.setItem("inline", inline === "0" ? "1" : "0")
             }}
             className={cn(
-              "rounded-[50px] text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-blue-600  p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)]  ",
+              "rounded-[50px] cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] border-2",
               {
-                "shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] bg-blue-500": inline === "1",
+                "text-white bg-blue-500 border-blue-500": inline === "1",
+                "text-blue-700 border-blue-700 bg-gray-200": inline === "0",
               },
               {
                 "bg-opacity-70": customBackgroundImage,