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/favicon/favicon-form.tsx
+8 -8
View File
@@ -64,10 +64,10 @@ export function FaviconForm({ currentUrl }: { currentUrl: string | null }) {
return (
<div className="grid gap-6 lg:grid-cols-2">
<div className="admin-card">
<h3 className="text-sm font-extrabold text-[var(--color-text)] mb-4">{t("uploadLabel")}</h3>
<h3 className="text-sm font-extrabold text-[var(--admin-text)] mb-4">{t("uploadLabel")}</h3>
{preview && (
<div className="mb-6">
<label className="block text-xs font-bold text-[var(--color-text-muted)] uppercase tracking-wider mb-2">
<label className="block text-xs font-bold text-[var(--admin-text-muted)] uppercase tracking-wider mb-2">
{t("current")}
</label>
<div className="flex items-center gap-4">
@@ -76,10 +76,10 @@ export function FaviconForm({ currentUrl }: { currentUrl: string | null }) {
alt="Favicon preview"
width={64}
height={64}
className="rounded-lg border-2 border-[var(--border-subtle)] object-contain bg-white"
className="rounded-lg border-2 border-[var(--admin-border)] object-contain bg-white"
unoptimized
/>
<div className="text-xs text-[var(--color-text-muted)] break-all">{preview}</div>
<div className="text-xs text-[var(--admin-text-muted)] break-all">{preview}</div>
</div>
</div>
)}
@@ -91,9 +91,9 @@ export function FaviconForm({ currentUrl }: { currentUrl: string | null }) {
name="file"
accept=".png,.jpg,.jpeg,.gif,.webp,.ico,.svg"
required
className="block w-full text-sm text-[var(--color-text-readable)] file:mr-3 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-[var(--color-primary)] file:text-[var(--color-primary-foreground-readable)] cursor-pointer"
className="block w-full text-sm text-[var(--color-text-readable)] file:mr-3 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-[var(--admin-accent)] file:text-[var(--color-primary-foreground-readable)] cursor-pointer"
/>
<p className="mt-1 text-xs text-[var(--color-text-muted)]">{t("uploadHint")}</p>
<p className="mt-1 text-xs text-[var(--admin-text-muted)]">{t("uploadHint")}</p>
</div>
<div className="flex gap-2">
@@ -112,8 +112,8 @@ export function FaviconForm({ currentUrl }: { currentUrl: string | null }) {
<div
className={`mt-4 p-3 rounded-lg text-sm ${
message.type === "success"
? "bg-[var(--color-success-subtle)] text-[var(--color-success-text-readable)] dark:text-[var(--color-success-text-readable)]"
: "bg-[var(--color-error-subtle)] text-[var(--color-error-text-readable)] dark:text-[var(--color-error-text-readable)]"
? "bg-[var(--admin-success-subtle)] text-[var(--admin-success)] dark:text-[var(--admin-success)]"
: "bg-[var(--admin-error-subtle)] text-[var(--admin-error)] dark:text-[var(--admin-error)]"
}`}
>
{message.text}