style(colors): replace hard-coded whites with semantic tokens

This commit is contained in:
zetaloop
2026-02-25 03:30:20 +08:00
parent b944847fbd
commit a1f3ea3914
3 changed files with 6 additions and 6 deletions
+2 -2
View File
@@ -90,7 +90,7 @@ function PlayerCard({ player }: { player: Player }) {
<Card className="h-full hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col">
<CardHeader className="p-4 pb-2 flex flex-row items-start justify-between space-y-0">
<div className="flex items-center gap-3">
<Avatar className="h-12 w-12 border-2 border-white shadow-sm">
<Avatar className="h-12 w-12 border-2 border-background shadow-sm">
<AvatarImage src={player.user.avatar} alt={player.user.nickname} />
<AvatarFallback>{player.user.nickname.slice(0, 2)}</AvatarFallback>
</Avatar>
@@ -179,7 +179,7 @@ function ShopCard({ item }: { item: ShopResultItem }) {
<Card className="h-full hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col">
<CardHeader className="p-4 pb-2 flex flex-row items-start justify-between space-y-0">
<div className="flex items-center gap-3">
<Avatar className="h-12 w-12 border-2 border-white shadow-sm">
<Avatar className="h-12 w-12 border-2 border-background shadow-sm">
<AvatarImage src={item.shop.owner.avatar} alt={item.shop.name} />
<AvatarFallback>{item.shop.name.slice(0, 2)}</AvatarFallback>
</Avatar>