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/import/badges/import-badges-client.tsx
+4 -4
View File
@@ -202,8 +202,8 @@ export function ImportBadgesClient() {
<span className="text-muted-foreground">results</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
<CheckCircle2 className="h-4 w-4 text-[var(--color-success-text-readable)]" />
<span className="font-medium text-[var(--color-success-text-readable)]">{importedCount}</span>
<CheckCircle2 className="h-4 w-4 text-[var(--admin-success)]" />
<span className="font-medium text-[var(--admin-success)]">{importedCount}</span>
<span className="text-muted-foreground">imported</span>
</div>
{importableBadges.length > 0 && (
@@ -350,7 +350,7 @@ export function ImportBadgesClient() {
key={badge.code}
className={cn(
'rounded-lg border overflow-hidden bg-card group relative hover:border-border transition-all',
badge.alreadyImported && 'shadow-[0_0_6px_rgba(34,197,94,0.15)]',
badge.alreadyImported && 'ring-1 ring-[var(--admin-success)]/30',
isSelected && 'ring-2 ring-primary border-primary',
)}
>
@@ -419,7 +419,7 @@ export function ImportBadgesClient() {
<div className="pt-1">
{badge.alreadyImported ? (
<div className="flex items-center gap-1">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] border-0 gap-0.5 flex-1 justify-center">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--admin-success-subtle)] text-[var(--admin-success)] border-0 gap-0.5 flex-1 justify-center">
<Check className="w-2.5 h-2.5" />
Imported
</Badge>
src/app/admin/import/clone/import-clone-client.tsx
+6 -6
View File
@@ -546,8 +546,8 @@ function FurniGrid({ source }: FurniGridProps) {
<span className="text-muted-foreground">total</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
<Check className="h-4 w-4 text-[var(--color-success-text-readable)]" />
<span className="font-medium text-[var(--color-success-text-readable)]">{stats.present}</span>
<Check className="h-4 w-4 text-[var(--admin-success)]" />
<span className="font-medium text-[var(--admin-success)]">{stats.present}</span>
<span className="text-muted-foreground">present</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
@@ -708,7 +708,7 @@ function FurniGrid({ source }: FurniGridProps) {
key={it.classname}
className={cn(
'group rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all',
it.present && 'shadow-[0_0_6px_rgba(34,197,94,0.15)]',
it.present && 'ring-1 ring-[var(--admin-success)]/30',
isSelected && 'ring-2 ring-primary border-primary',
)}
>
@@ -741,9 +741,9 @@ function FurniGrid({ source }: FurniGridProps) {
/>
{/* Hover detail tooltip */}
<div className="absolute bottom-1 left-1 right-1 z-10 opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none">
<div className="bg-black/80 backdrop-blur-sm rounded px-2 py-1.5 text-[10px] text-white space-y-0.5">
<div className="bg-[var(--admin-overlay)] backdrop-blur-sm rounded px-2 py-1.5 text-[10px] text-[var(--admin-sidebar-text)] space-y-0.5">
{it.description ? <p className="truncate">{it.description}</p> : null}
<div className="flex gap-2 text-white/70">
<div className="flex gap-2 text-[var(--admin-sidebar-text)]/70">
{it.revision ? <span>Rev: {it.revision}</span> : null}
<span>{it.itemType === 's' ? 'Floor' : 'Wall'}</span>
<span>
@@ -766,7 +766,7 @@ function FurniGrid({ source }: FurniGridProps) {
</div>
<div className="pt-1">
{it.present ? (
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] border-0 gap-0.5 w-full justify-center">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--admin-success-subtle)] text-[var(--admin-success)] border-0 gap-0.5 w-full justify-center">
<Check className="w-2.5 h-2.5" />
Present
</Badge>
src/app/admin/import/clothing/import-clothing-client.tsx
+10 -10
View File
@@ -257,8 +257,8 @@ function LibsView() {
<span className="text-muted-foreground">libraries</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
<Check className="h-4 w-4 text-[var(--color-success-text-readable)]" />
<span className="font-medium text-[var(--color-success-text-readable)]">{importedCount}</span>
<Check className="h-4 w-4 text-[var(--admin-success)]" />
<span className="font-medium text-[var(--admin-success)]">{importedCount}</span>
<span className="text-muted-foreground">on this page</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
@@ -372,7 +372,7 @@ function LibsView() {
key={p.lib}
className={cn(
'rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all',
p.nitroExists && 'shadow-[0_0_6px_rgba(34,197,94,0.15)]',
p.nitroExists && 'ring-1 ring-[var(--admin-success)]/30',
isSelected && 'ring-2 ring-primary border-primary',
)}
>
@@ -400,7 +400,7 @@ function LibsView() {
<div className="pt-1">
{p.nitroExists ? (
<div className="flex items-center gap-1">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] border-0 gap-0.5 flex-1 justify-center">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--admin-success-subtle)] text-[var(--admin-success)] border-0 gap-0.5 flex-1 justify-center">
<Check className="w-2.5 h-2.5" />
Imported
</Badge>
@@ -591,8 +591,8 @@ function SetsView() {
<span className="text-muted-foreground">sets</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
<Check className="h-4 w-4 text-[var(--color-success-text-readable)]" />
<span className="font-medium text-[var(--color-success-text-readable)]">{presentCount}</span>
<Check className="h-4 w-4 text-[var(--admin-success)]" />
<span className="font-medium text-[var(--admin-success)]">{presentCount}</span>
<span className="text-muted-foreground">on this page</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
@@ -707,7 +707,7 @@ function SetsView() {
key={key}
className={cn(
'rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all',
it.present && 'shadow-[0_0_6px_rgba(34,197,94,0.15)]',
it.present && 'ring-1 ring-[var(--admin-success)]/30',
isSelected && 'ring-2 ring-primary border-primary',
)}
>
@@ -737,19 +737,19 @@ function SetsView() {
{it.gender}
</Badge>
{it.club > 0 && (
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--color-warning-subtle)] text-[var(--color-warning-text-readable)] border-0">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--admin-warning-subtle)] text-[var(--admin-warning)] border-0">
HC
</Badge>
)}
{it.sellable && (
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--color-info-subtle)] text-[var(--color-info-text-readable)] border-0">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--admin-info-subtle)] text-[var(--admin-info)] border-0">
$
</Badge>
)}
</div>
<div className="pt-1">
{it.present ? (
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] border-0 gap-0.5 w-full justify-center">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--admin-success-subtle)] text-[var(--admin-success)] border-0 gap-0.5 w-full justify-center">
<Check className="w-2.5 h-2.5" />
Imported
</Badge>
src/app/admin/import/effects/import-effects-client.tsx
+8 -8
View File
@@ -185,8 +185,8 @@ export function ImportEffectsClient() {
<span className="text-muted-foreground">effects</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
<Check className="h-4 w-4 text-[var(--color-success-text-readable)]" />
<span className="font-medium text-[var(--color-success-text-readable)]">{importedCount}</span>
<Check className="h-4 w-4 text-[var(--admin-success)]" />
<span className="font-medium text-[var(--admin-success)]">{importedCount}</span>
<span className="text-muted-foreground">imported</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
@@ -310,7 +310,7 @@ export function ImportEffectsClient() {
key={e.lib}
className={cn(
'rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all',
imported && 'shadow-[0_0_6px_rgba(34,197,94,0.15)]',
imported && 'ring-1 ring-[var(--admin-success)]/30',
isSelected && 'ring-2 ring-primary border-primary',
)}
>
@@ -332,14 +332,14 @@ export function ImportEffectsClient() {
className={cn(
'flex flex-col items-center justify-center h-20 gap-1',
e.type === 'dance'
? 'bg-gradient-to-br from-amber-500/25 to-orange-500/10'
: 'bg-gradient-to-br from-violet-500/25 to-fuchsia-500/10',
? 'bg-gradient-to-br from-[var(--admin-warning)]/25 to-[var(--admin-warning)]/10'
: 'bg-gradient-to-br from-[var(--admin-accent)]/25 to-[var(--admin-accent)]/10',
)}
>
{e.type === 'dance' ? (
<Music className="w-7 h-7 text-[var(--color-warning-text-readable)]/80" />
<Music className="w-7 h-7 text-[var(--admin-warning)]/80" />
) : (
<Sparkles className="w-7 h-7 text-violet-500/80" />
<Sparkles className="w-7 h-7 text-[var(--admin-accent-text)]" />
)}
<span className="text-[10px] font-semibold uppercase tracking-wide text-muted-foreground">
{e.type}
@@ -351,7 +351,7 @@ export function ImportEffectsClient() {
<div className="pt-1">
{imported ? (
<div className="flex items-center gap-1">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] border-0 gap-0.5 flex-1 justify-center">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--admin-success-subtle)] text-[var(--admin-success)] border-0 gap-0.5 flex-1 justify-center">
<Check className="w-2.5 h-2.5" />
Imported
</Badge>
src/app/admin/import/furni/import-furni-client.tsx
+21 -21
View File
@@ -883,11 +883,11 @@ export function ImportFurniClient() {
<div className="text-[10px] text-muted-foreground">on this page</div>
</div>
<div className="rounded-lg border bg-card p-3">
<div className="flex items-center gap-2 text-xs text-[var(--color-warning-text-readable)]">
<div className="flex items-center gap-2 text-xs text-[var(--admin-warning)]">
<FileWarning className="w-3.5 h-3.5" />
Missing .nitro
</div>
<div className="text-xl font-bold mt-1 text-[var(--color-warning-text-readable)]">
<div className="text-xl font-bold mt-1 text-[var(--admin-warning)]">
{stats.missingNitro.toLocaleString()}
</div>
</div>
@@ -913,12 +913,12 @@ export function ImportFurniClient() {
<div className="rounded-lg border p-4 space-y-3 bg-card">
<h3 className="text-sm font-semibold">Import Complete</h3>
<div className="flex gap-4 text-sm">
<span className="text-[var(--color-success-text-readable)]">{batchSummary.succeeded} succeeded</span>
<span className="text-[var(--admin-success)]">{batchSummary.succeeded} succeeded</span>
{batchSummary.failed > 0 && (
<span className="text-destructive">{batchSummary.failed} failed</span>
)}
{batchSummary.warnings > 0 && (
<span className="text-[var(--color-warning-text-readable)]">{batchSummary.warnings} with warnings</span>
<span className="text-[var(--admin-warning)]">{batchSummary.warnings} with warnings</span>
)}
<span className="text-muted-foreground">
{(batchSummary.duration / 1000).toFixed(1)}s
@@ -937,14 +937,14 @@ export function ImportFurniClient() {
{item.status === 'failed' ? (
<XCircle className="w-3 h-3 text-destructive mt-0.5 shrink-0" />
) : (
<AlertCircle className="w-3 h-3 text-[var(--color-warning-text-readable)] mt-0.5 shrink-0" />
<AlertCircle className="w-3 h-3 text-[var(--admin-warning)] mt-0.5 shrink-0" />
)}
<div className="min-w-0">
<span className="font-mono">{item.classname}</span>
{item.message && <p className="text-destructive">{item.message}</p>}
{item.warnings?.map((w, i) => (
// biome-ignore lint/suspicious/noArrayIndexKey: warnings list is append-only and not reordered
<p key={i} className="text-[var(--color-warning-text-readable)]">
<p key={i} className="text-[var(--admin-warning)]">
{w}
</p>
))}
@@ -987,7 +987,7 @@ export function ImportFurniClient() {
{progressStats.completed}/{progressStats.total} completed
</span>
{progressStats.done > 0 && (
<span className="text-[var(--color-success-text-readable)]">{progressStats.done} OK</span>
<span className="text-[var(--admin-success)]">{progressStats.done} OK</span>
)}
{progressStats.failed > 0 && (
<span className="text-destructive">{progressStats.failed} failed</span>
@@ -999,7 +999,7 @@ export function ImportFurniClient() {
key={item.classname}
className="flex items-center gap-2 text-xs py-1 px-2 rounded hover:bg-muted/50"
>
{item.status === 'done' && <Check className="w-3 h-3 text-[var(--color-success-text-readable)] shrink-0" />}
{item.status === 'done' && <Check className="w-3 h-3 text-[var(--admin-success)] shrink-0" />}
{item.status === 'failed' && (
<XCircle className="w-3 h-3 text-destructive shrink-0" />
)}
@@ -1049,7 +1049,7 @@ export function ImportFurniClient() {
<span>
{completed}/{arr.length}
</span>
{done > 0 && <span className="text-[var(--color-success-text-readable)]">{done} OK</span>}
{done > 0 && <span className="text-[var(--admin-success)]">{done} OK</span>}
{failed > 0 && <span className="text-destructive">{failed} failed</span>}
</div>
</div>
@@ -1062,7 +1062,7 @@ export function ImportFurniClient() {
<h3 className="text-sm font-semibold">Regeneration Complete</h3>
<div className="flex gap-4 text-sm">
{regenSummary.succeeded > 0 && (
<span className="text-[var(--color-success-text-readable)]">{regenSummary.succeeded} regenerated</span>
<span className="text-[var(--admin-success)]">{regenSummary.succeeded} regenerated</span>
)}
{regenSummary.failed > 0 && (
<span className="text-destructive">{regenSummary.failed} failed</span>
@@ -1305,7 +1305,7 @@ export function ImportFurniClient() {
size="sm"
onClick={regenAllMissing}
disabled={batchRegenerating || regeneratingNitro.size > 0}
className="h-8 text-[var(--color-warning-text-readable)] border-[var(--color-warning-border)] hover:bg-[var(--color-warning-subtle)]"
className="h-8 text-[var(--admin-warning)] border-[var(--admin-warning-border)] hover:bg-[var(--admin-warning-subtle)]"
>
{batchRegenerating ? (
<Loader2 className="w-4 h-4 mr-1 animate-spin" />
@@ -1428,11 +1428,11 @@ export function ImportFurniClient() {
<td className="px-2 py-1.5">
{item.alreadyImported ? (
item.nitroExists ? (
<Badge className="text-[10px] bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] border-0">
<Badge className="text-[10px] bg-[var(--admin-success-subtle)] text-[var(--admin-success)] border-0">
OK
</Badge>
) : (
<Badge className="text-[10px] bg-[var(--color-warning-subtle)] text-[var(--color-warning-text-readable)] border-0">
<Badge className="text-[10px] bg-[var(--admin-warning-subtle)] text-[var(--admin-warning)] border-0">
No .nitro
</Badge>
)
@@ -1471,7 +1471,7 @@ export function ImportFurniClient() {
<Button
variant="ghost"
size="sm"
className="h-6 w-6 p-0 text-[var(--color-warning-text-readable)]"
className="h-6 w-6 p-0 text-[var(--admin-warning)]"
onClick={() => regenNitro(item)}
disabled={regeneratingNitro.has(item.classname)}
>
@@ -1510,7 +1510,7 @@ export function ImportFurniClient() {
key={item.classname}
className={`rounded-lg border border-border/50 overflow-hidden bg-card hover:border-border transition-all group ${
item.alreadyImported
? 'shadow-[0_0_8px_rgba(34,197,94,0.15)] hover:shadow-[0_0_12px_rgba(34,197,94,0.25)]'
? 'ring-1 ring-[var(--admin-success)]/30 hover:ring-2'
: 'hover:shadow-md'
}`}
>
@@ -1549,9 +1549,9 @@ export function ImportFurniClient() {
)}
{/* Hover detail tooltip */}
<div className="absolute bottom-1 left-1 right-1 z-10 opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none">
<div className="bg-black/80 backdrop-blur-sm rounded px-2 py-1.5 text-[10px] text-white space-y-0.5">
<div className="bg-[var(--admin-overlay)] backdrop-blur-sm rounded px-2 py-1.5 text-[10px] text-[var(--admin-sidebar-text)] space-y-0.5">
{item.description && <p className="truncate">{item.description}</p>}
<div className="flex gap-2 text-white/70">
<div className="flex gap-2 text-[var(--admin-sidebar-text)]/70">
<span>Rev: {item.revision}</span>
<span>{item.type === 'wallitem' ? 'Wall' : 'Floor'}</span>
<span>{item.category || 'credit'}</span>
@@ -1576,12 +1576,12 @@ export function ImportFurniClient() {
{item.alreadyImported && (
<>
{item.nitroExists ? (
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] border-[var(--color-success-border)] gap-0.5 shrink-0">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--admin-success-subtle)] text-[var(--admin-success)] border-[var(--admin-success-border)] gap-0.5 shrink-0">
<Check className="w-2.5 h-2.5" />
Imported
</Badge>
) : (
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--color-warning-subtle)] text-[var(--color-warning-text-readable)] border-[var(--color-warning-border)] gap-0.5 shrink-0">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--admin-warning-subtle)] text-[var(--admin-warning)] border-[var(--admin-warning-border)] gap-0.5 shrink-0">
<AlertCircle className="w-2.5 h-2.5" />
No .nitro
</Badge>
@@ -1603,7 +1603,7 @@ export function ImportFurniClient() {
<Button
variant="ghost"
size="sm"
className="h-5 w-5 p-0 shrink-0 text-[var(--color-warning-text-readable)]"
className="h-5 w-5 p-0 shrink-0 text-[var(--admin-warning)]"
title="Regenerate .nitro file"
disabled={regeneratingNitro.has(item.classname)}
onClick={(e) => {
@@ -1770,7 +1770,7 @@ export function ImportFurniClient() {
)}
{reorgPreview.repriced > 0 && (
<div className="rounded-lg border p-3 text-center">
<p className="text-lg font-bold text-[var(--color-warning-text-readable)]">{reorgPreview.repriced}</p>
<p className="text-lg font-bold text-[var(--admin-warning)]">{reorgPreview.repriced}</p>
<p className="text-xs text-muted-foreground">Prices to update</p>
</div>
)}
src/app/admin/import/furni/nitro-editor-dialog.tsx
+1 -1
View File
@@ -83,7 +83,7 @@ function CopyClassname({ value }: { value: string }) {
>
<span className="truncate">{value}</span>
{copied ? (
<Check className="w-3 h-3 text-[var(--color-success-text-readable)] shrink-0" />
<Check className="w-3 h-3 text-[var(--admin-success)] shrink-0" />
) : (
<Copy className="w-3 h-3 shrink-0" />
)}
src/app/admin/import/pets/import-pets-client.tsx
+4 -4
View File
@@ -178,8 +178,8 @@ export function ImportPetsClient() {
<span className="text-muted-foreground">pets</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
<Check className="h-4 w-4 text-[var(--color-success-text-readable)]" />
<span className="font-medium text-[var(--color-success-text-readable)]">{importedCount}</span>
<Check className="h-4 w-4 text-[var(--admin-success)]" />
<span className="font-medium text-[var(--admin-success)]">{importedCount}</span>
<span className="text-muted-foreground">imported</span>
</div>
<div className="flex items-center gap-1.5 text-sm">
@@ -287,7 +287,7 @@ export function ImportPetsClient() {
key={p.lib}
className={cn(
'rounded-lg border overflow-hidden bg-card relative hover:border-border transition-all',
p.nitroExists && 'shadow-[0_0_6px_rgba(34,197,94,0.15)]',
p.nitroExists && 'ring-1 ring-[var(--admin-success)]/30',
isSelected && 'ring-2 ring-primary border-primary',
)}
>
@@ -313,7 +313,7 @@ export function ImportPetsClient() {
<div className="pt-1">
{p.nitroExists ? (
<div className="flex items-center gap-1">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] border-0 gap-0.5 flex-1 justify-center">
<Badge className="text-[10px] px-1.5 py-0 bg-[var(--admin-success-subtle)] text-[var(--admin-success)] border-0 gap-0.5 flex-1 justify-center">
<Check className="w-2.5 h-2.5" />
Imported
</Badge>
src/app/admin/import/repair/repair-client.tsx
+6 -6
View File
@@ -435,7 +435,7 @@ export function RepairClient() {
{/* Table area */}
{summary && summary.items.length === 0 && (
<div className="rounded-md border bg-muted/30 p-10 text-center">
<CheckCircle2 className="mx-auto mb-3 h-10 w-10 text-[var(--color-success-text-readable)]" />
<CheckCircle2 className="mx-auto mb-3 h-10 w-10 text-[var(--admin-success)]" />
<p className="font-medium">All imported items have their assets on disk.</p>
<p className="text-sm text-muted-foreground">
{summary.total} items scanned, nothing to repair.
@@ -615,8 +615,8 @@ function StatCard({
const tones = {
default: 'border-border',
danger: 'border-destructive/40 bg-destructive/5',
warn: 'border-[var(--color-warning-border)] bg-[var(--color-warning-subtle)]',
info: 'border-sky-500/40 bg-sky-500/5',
warn: 'border-[var(--admin-warning-border)] bg-[var(--admin-warning-subtle)]',
info: 'border-[var(--admin-info)]/40 bg-[var(--admin-info)]/5',
}
return (
<div className={`rounded-md border p-4 ${tones[tone]}`}>
@@ -631,7 +631,7 @@ function FileBadge({ present }: { present: boolean }) {
return present ? (
<Badge
variant="secondary"
className="border-[var(--color-success-border)] bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] dark:text-[var(--color-success-text-readable)]"
className="border-[var(--admin-success-border)] bg-[var(--admin-success-subtle)] text-[var(--admin-success)] dark:text-[var(--admin-success)]"
>
<CheckCircle2 className="mr-1 h-3 w-3" /> On disk
</Badge>
@@ -659,7 +659,7 @@ function StatusCell({ progress }: { progress?: ItemProgress }) {
progress.iconRepaired ? 'icon ✓' : null,
].filter(Boolean)
return (
<span className="flex items-center gap-1 text-xs text-[var(--color-success-text-readable)] dark:text-[var(--color-success-text-readable)]">
<span className="flex items-center gap-1 text-xs text-[var(--admin-success)] dark:text-[var(--admin-success)]">
<CheckCircle2 className="h-3 w-3" />
{parts.length > 0 ? parts.join(' · ') : 'Repaired'}
</span>
@@ -668,7 +668,7 @@ function StatusCell({ progress }: { progress?: ItemProgress }) {
if (progress.status === 'partial') {
return (
<span
className="flex items-center gap-1 text-xs text-[var(--color-warning-text-readable)] dark:text-[var(--color-warning-text-readable)]"
className="flex items-center gap-1 text-xs text-[var(--admin-warning)] dark:text-[var(--admin-warning)]"
title={progress.message}
>
<AlertCircle className="h-3 w-3" />