From ce82c67f88cd98ca8fe2cd6fd0b40d2c50e1f60f Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Sat, 23 Nov 2024 00:12:08 +0800
Subject: [PATCH] style(global): colorful button

---
 app/(main)/ClientComponents/ServerListClient.tsx | 4 ++--
 components/GlobalBackButton.tsx                  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/(main)/ClientComponents/ServerListClient.tsx b/app/(main)/ClientComponents/ServerListClient.tsx
index a63d87f11..c69098a4f 100644
--- a/app/(main)/ClientComponents/ServerListClient.tsx
+++ b/app/(main)/ClientComponents/ServerListClient.tsx
@@ -121,9 +121,9 @@ export default function ServerListClient() {
           onClick={() => {
             router.push(`/?global=true`);
           }}
-          className="rounded-[50px] cursor-pointer bg-stone-100 p-[10px] transition-all hover:bg-stone-200 dark:hover:bg-stone-700 dark:bg-stone-800"
+          className="rounded-[50px] text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-blue-600 hover:bg-blue-500 p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] hover:shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] "
         >
-          <GlobeAsiaAustraliaIcon className="size-4" />
+          <GlobeAsiaAustraliaIcon className="size-[13px]" />
         </button>
         {getEnv("NEXT_PUBLIC_ShowTag") === "true" && (
           <Switch
diff --git a/components/GlobalBackButton.tsx b/components/GlobalBackButton.tsx
index 8907b3c41..faefa24c9 100644
--- a/components/GlobalBackButton.tsx
+++ b/components/GlobalBackButton.tsx
@@ -23,9 +23,9 @@ export default function GlobalBackButton() {
       onClick={() => {
         router.push(`/`);
       }}
-      className="rounded-[50px] cursor-pointer w-fit bg-stone-100 p-[10px] transition-all hover:bg-stone-200 dark:hover:bg-stone-700 dark:bg-stone-800"
+      className="rounded-[50px] mt-[1px] w-fit text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-green-600 hover:bg-green-500 p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] hover:shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] "
     >
-      <ServerStackIcon className="size-4" />
+      <ServerStackIcon className="size-[13px]" />
     </button>
   );
 }