Add Shadow

src/pages/index.astro

@@ -33,31 +33,13 @@ germanPosts.forEach(value => {
 const latestPost = posts.sort((a, b) => dayjs(b.data.created).unix() - dayjs(a.data.created).unix()).at(0);
 
 const prefixColorMap: {
-    [key: string]: {
-        from: string;
-        to: string;
-    };
+    [key: string]: string;
 } = {
-    PREFIX_ADMIN: {
-        from: "border-red-600",
-        to: "border-red-800",
-    },
-    PREFIX_DEVELOPER: {
-        from: "border-sky-600",
-        to: "border-sky-800",
-    },
-    PREFIX_MODERATOR: {
-        from: "border-amber-600",
-        to: "border-amber-800",
-    },
-    PREFIX_SUPPORTER: {
-        from: "border-blue-700",
-        to: "border-blue-900",
-    },
-    PREFIX_BUILDER: {
-        from: "border-green-500",
-        to: "border-green-700",
-    },
+    PREFIX_ADMIN: "border-red-600 dark:border-red-800 shadow-red-600 dark:shadow-red-800",
+    PREFIX_DEVELOPER: "border-sky-600 dark:border-sky-800 shadow-sky-600 dark:shadow-sky-800",
+    PREFIX_MODERATOR: "border-amber-600 dark:border-amber-800 shadow-amber-600 dark:shadow-amber-800",
+    PREFIX_SUPPORTER: "border-blue-700 dark:border-blue-900 shadow-blue-700 dark:shadow-blue-900",
+    PREFIX_BUILDER: "border-green-500 dark:border-green-700 shadow-green-500 dark:shadow-green-700",
 };
 ---
 
@@ -183,7 +165,7 @@ const prefixColorMap: {
                 {players.map((v, index) => (
                     <div class="inline-flex flex-col justify-end">
                         {index == 0 ? <h2 class="dark:text-white text-4xl font-bold ml-4">{t("home.prefix." + prefix.replace("PREFIX_", "").toLowerCase())}</h2> : null}
-                        <Card extraClasses={`pt-8 pb-10 px-8 w-fit ${prefixColorMap[prefix].from} dark:${prefixColorMap[prefix].to}`} client:idle> <!-- bg-gradient-to-br ${prefixColorMap[prefix].from} ${prefixColorMap[prefix].to} -->
+                        <Card extraClasses={`pt-8 pb-10 px-8 w-fit shadow-md ${prefixColorMap[prefix]}`} client:idle>
                             <figure class="flex flex-col items-center" style="width: 150px">
                                 <figcaption class="text-center mb-4 text-2xl">{v.name}</figcaption>
                                 <Image src={`${import.meta.env.PUBLIC_API_SERVER}/data/skin/${v.uuid}`}