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/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>