Use element colors for team portraits

2026-09-01 15:03:37 +07:00
parent 9553acccd5
commit e0312b4598
4 changed files with 42 additions and 5 deletions
@@ -2,8 +2,8 @@
 import { ImageResponse } from "next/og";
 import sharp from "sharp";

+import { elementBackgroundColor } from "@/lib/catalog/element";
 import { rarityGradient } from "@/lib/catalog/rarity";
-import { isCustomTravelerKey } from "@/lib/catalog/travelers";
 import { getCachedPublicTeamExport } from "@/lib/cache/public";
 import { imageContentDisposition } from "@/lib/guides/export-image";

@@ -110,10 +110,10 @@ export async function GET(
                  alt=""
                  width={78}
                  height={78}
-                  style={{ borderRadius: 16, border: "2px solid #ffffff2a", background: rarityGradient(isCustomTravelerKey(member.character.key) ? 5 : member.character.rarity), objectFit: "cover" }}
+                  style={{ borderRadius: 16, border: "2px solid #ffffff2a", background: elementBackgroundColor(member.character.element), objectFit: "cover" }}
                />
              ) : (
-                <div style={{ display: "flex", width: 78, height: 78, alignItems: "center", justifyContent: "center", borderRadius: 16, border: "2px solid #ffffff2a", background: rarityGradient(isCustomTravelerKey(member.character.key) ? 5 : member.character.rarity), color: "#b9b9c2", fontSize: 30 }}>
+                <div style={{ display: "flex", width: 78, height: 78, alignItems: "center", justifyContent: "center", borderRadius: 16, border: "2px solid #ffffff2a", background: elementBackgroundColor(member.character.element), color: "#b9b9c2", fontSize: 30 }}>
                  {member.character.name.slice(0, 1)}
                </div>
              )}