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/shop/[id]/page.tsx
+4 -4
View File
@@ -22,14 +22,14 @@ export default async function EditShopArticle({ params }: { params: Promise<{ id
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--color-primary)]/20 to-[var(--color-primary)]/5 grid place-items-center">
<Package size={20} className="text-[var(--color-primary)]" />
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Package size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("editPackageTitle")}</h1>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">{t("editPackageTitle")}</h1>
<Link
href="/admin/shop"
className="text-xs text-[var(--color-text-muted)] hover:text-[var(--color-primary)]"
className="text-xs text-[var(--admin-text-muted)] hover:text-[var(--admin-accent)]"
>
← {t("backToShop")}
</Link>
src/app/admin/shop/new/page.tsx
+4 -4
View File
@@ -9,14 +9,14 @@ export default async function NewShopArticle() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--color-primary)]/20 to-[var(--color-primary)]/5 grid place-items-center">
<Package size={20} className="text-[var(--color-primary)]" />
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Package size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("newPackageTitle")}</h1>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">{t("newPackageTitle")}</h1>
<Link
href="/admin/shop"
className="text-xs text-[var(--color-text-muted)] hover:text-[var(--color-primary)]"
className="text-xs text-[var(--admin-text-muted)] hover:text-[var(--admin-accent)]"
>
← {t("backToShop")}
</Link>
src/app/admin/shop/page.tsx
+1 -1
View File
@@ -144,7 +144,7 @@ export default async function AdminShop() {
<td>
{o.status ? (
<span
className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${state === "ok" ? "bg-[var(--color-success-subtle)] text-[var(--color-text)]" : state === "danger" ? "bg-[var(--color-error-subtle)] text-[var(--color-text)]" : "bg-[var(--color-primary)]/18 text-[var(--color-text)]"}`}
className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${state === "ok" ? "bg-[var(--admin-success-subtle)] text-[var(--admin-text)]" : state === "danger" ? "bg-[var(--admin-error-subtle)] text-[var(--admin-text)]" : "bg-[var(--admin-accent)]/18 text-[var(--admin-text)]"}`}
>
{o.status}
</span>