remco/EpicNext-Cms
1
1 Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: use semantic colors across admin pages
Local Build and Deploy / deploy (push) Successful in 49s
Details

Browse Source
This commit is contained in:
Simo committed 2026-07-12 18:50:45 +02:00
1 parent 0fe482009c
commit 84e4123f09
83 files changed
+466 -455
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/admin/users/_components/user-hero.tsx
+8 -8
View File
@@ -82,10 +82,10 @@ export function UserHero({
className={`absolute -top-1 -right-1 flex h-4 w-4 ${isOnline ? '' : 'opacity-50'}`}
>
{isOnline && (
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-[var(--color-success)] opacity-75" />
<span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-[var(--admin-success)] opacity-75" />
)}
<span
className={`relative inline-flex rounded-full h-4 w-4 border-2 border-card ${isOnline ? 'bg-[var(--color-success-subtle)]' : 'bg-zinc-400'}`}
className={`relative inline-flex rounded-full h-4 w-4 border-2 border-card ${isOnline ? 'bg-[var(--admin-success-subtle)]' : 'bg-[var(--admin-text-muted)]'}`}
/>
</span>
</div>
@@ -129,7 +129,7 @@ export function UserHero({
<Badge>{user.permission.rankName || `Rank ${user.rank}`}</Badge>
<Badge
variant={isOnline ? 'default' : 'outline'}
className={isOnline ? 'bg-[var(--color-success-subtle)]' : ''}
className={isOnline ? 'bg-[var(--admin-success-subtle)]' : ''}
>
{isOnline ? (
<>
@@ -143,7 +143,7 @@ export function UserHero({
</Badge>
{activeBan && <Badge variant="destructive">Banned</Badge>}
{user.twoFactorConfirmed ? (
<Badge variant="outline" className="border-[var(--color-success-border)] text-[var(--color-success-text-readable)]">
<Badge variant="outline" className="border-[var(--admin-success-border)] text-[var(--admin-success)]">
<Shield className="mr-1 h-3 w-3" /> 2FA
</Badge>
) : null}
@@ -152,22 +152,22 @@ export function UserHero({
{/* Currency row */}
<div className="flex flex-wrap gap-3 pt-1">
<div className="flex items-center gap-1.5 text-sm">
<Coins className="h-4 w-4 text-[var(--color-warning-text-readable)]" />
<Coins className="h-4 w-4 text-[var(--admin-warning)]" />
<span className="font-semibold">{user.credits.toLocaleString()}</span>
<span className="text-muted-foreground text-xs">credits</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
<Diamond className="h-4 w-4 text-[var(--color-info-text-readable)]" />
<Diamond className="h-4 w-4 text-[var(--admin-info)]" />
<span className="font-semibold">{diamonds.toLocaleString()}</span>
<span className="text-muted-foreground text-xs">diamonds</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
<Sparkles className="h-4 w-4 text-purple-400" />
<Sparkles className="h-4 w-4 text-[var(--admin-accent-text)]" />
<span className="font-semibold">{duckets.toLocaleString()}</span>
<span className="text-muted-foreground text-xs">duckets</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
<Gem className="h-4 w-4 text-pink-400" />
<Gem className="h-4 w-4 text-[var(--admin-error)]" />
<span className="font-semibold">{user.pixels.toLocaleString()}</span>
<span className="text-muted-foreground text-xs">pixels</span>
</div>