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/permissions/[id]/rank-edit-client.tsx
+11 -11
View File
@@ -110,10 +110,10 @@ function PermToggle({
'w-7 h-6 text-[11px] font-mono rounded transition-all font-medium',
v === value
? v === '0'
? 'bg-[var(--color-text-muted)] text-[var(--color-surface-text-readable)] shadow-sm'
? 'bg-[var(--admin-text-muted)] text-[var(--color-surface-text-readable)] shadow-sm'
: v === '1'
? 'bg-[var(--color-success)] text-[var(--color-success-foreground-readable)] shadow-sm'
: 'bg-[var(--color-warning)] text-[var(--color-warning-foreground-readable)] shadow-sm'
? 'bg-[var(--admin-success)] text-[var(--admin-success-foreground)] shadow-sm'
: 'bg-[var(--admin-warning)] text-[var(--admin-warning-foreground)] shadow-sm'
: 'bg-muted/60 text-muted-foreground/40 hover:bg-muted hover:text-muted-foreground',
)}
>
@@ -291,7 +291,7 @@ export function RankEditClient({
key={key}
className={cn(
'flex items-center justify-between px-3 py-2 bg-card',
(perms[key] ?? '0') !== '0' && 'bg-[var(--color-success-subtle)]',
(perms[key] ?? '0') !== '0' && 'bg-[var(--admin-success-subtle)]',
)}
>
<span className="font-mono text-xs truncate mr-3">{key}</span>
@@ -326,9 +326,9 @@ export function RankEditClient({
</Button>
</Link>
{initialRank.id >= 7 ? (
<Crown className="h-6 w-6 text-[var(--color-warning-text-readable)]" />
<Crown className="h-6 w-6 text-[var(--admin-warning)]" />
) : initialRank.id >= 5 ? (
<ShieldCheck className="h-6 w-6 text-[var(--color-info-text-readable)]" />
<ShieldCheck className="h-6 w-6 text-[var(--admin-info)]" />
) : (
<Shield className="h-6 w-6 text-muted-foreground" />
)}
@@ -545,13 +545,13 @@ export function RankEditClient({
</div>
<div className="flex gap-2 text-[11px] text-muted-foreground">
<span className="flex items-center gap-1">
<span className="w-3 h-3 rounded bg-zinc-500 inline-block" /> Off
<span className="w-3 h-3 rounded bg-[var(--admin-text-muted)] inline-block" /> Off
</span>
<span className="flex items-center gap-1">
<span className="w-3 h-3 rounded bg-[var(--color-success-subtle)] inline-block" /> On
<span className="w-3 h-3 rounded bg-[var(--admin-success-subtle)] inline-block" /> On
</span>
<span className="flex items-center gap-1">
<span className="w-3 h-3 rounded bg-[var(--color-warning-subtle)] inline-block" /> Owner
<span className="w-3 h-3 rounded bg-[var(--admin-warning-subtle)] inline-block" /> Owner
</span>
</div>
</div>
@@ -660,7 +660,7 @@ export function RankEditClient({
key={perm.id}
className={cn(
'flex items-center gap-3 rounded-lg border px-4 py-3 transition-all',
on ? 'border-[var(--color-success-border)] bg-[var(--color-success-subtle)]' : 'hover:bg-muted/50',
on ? 'border-[var(--admin-success-border)] bg-[var(--admin-success-subtle)]' : 'hover:bg-muted/50',
)}
>
<Checkbox checked={on} onCheckedChange={() => toggleCms(perm.slug)} />
@@ -671,7 +671,7 @@ export function RankEditClient({
)}
</div>
{on && (
<Badge className="bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] border-[var(--color-success-border)] text-[10px]">
<Badge className="bg-[var(--admin-success-subtle)] text-[var(--admin-success)] border-[var(--admin-success-border)] text-[10px]">
Active
</Badge>
)}
src/app/admin/permissions/permissions-list.tsx
+8 -8
View File
@@ -45,17 +45,17 @@ interface Props {
}
const RANK_ICONS: Record<number, React.ReactNode> = {
7: <Crown className="h-4 w-4 text-[var(--color-warning-text-readable)]" />,
6: <ShieldCheck className="h-4 w-4 text-[var(--color-error-text-readable)]" />,
5: <Shield className="h-4 w-4 text-[var(--color-info-text-readable)]" />,
4: <UserCheck className="h-4 w-4 text-[var(--color-success-text-readable)]" />,
7: <Crown className="h-4 w-4 text-[var(--admin-warning)]" />,
6: <ShieldCheck className="h-4 w-4 text-[var(--admin-error)]" />,
5: <Shield className="h-4 w-4 text-[var(--admin-info)]" />,
4: <UserCheck className="h-4 w-4 text-[var(--admin-success)]" />,
}
const RANK_COLORS: Record<number, string> = {
7: 'border-[var(--color-warning-border)] bg-[var(--color-warning-subtle)]',
6: 'border-[var(--color-error-border)] bg-[var(--color-error-subtle)]',
5: 'border-[var(--color-info-border)] bg-[var(--color-info-subtle)]',
4: 'border-[var(--color-success-border)] bg-[var(--color-success-subtle)]',
7: 'border-[var(--admin-warning-border)] bg-[var(--admin-warning-subtle)]',
6: 'border-[var(--admin-error-border)] bg-[var(--admin-error-subtle)]',
5: 'border-[var(--admin-info-border)] bg-[var(--admin-info-subtle)]',
4: 'border-[var(--admin-success-border)] bg-[var(--admin-success-subtle)]',
}
export function PermissionsList({ ranks: initialRanks }: Props) {