remco/Epicnabbo-Catalogus-Updated-Daily
1
0 Fork 1
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: use semantic colors across admin pages

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-generator.tsx
+11 -11
View File
@@ -87,21 +87,21 @@ export function FaviconGenerator({ onSave }: Props) {
return (
<div className="admin-card">
<h3 className="text-sm font-extrabold text-[var(--color-text)] mb-4">{t("title")}</h3>
<h3 className="text-sm font-extrabold text-[var(--admin-text)] mb-4">{t("title")}</h3>
<div className="flex justify-center mb-6">
<canvas
ref={canvasRef}
width={SIZE}
height={SIZE}
className="border-2 border-[var(--border-subtle)] rounded-xl shadow-lg"
className="border-2 border-[var(--admin-border)] rounded-xl shadow-lg"
style={{ width: 128, height: 128, imageRendering: "pixelated" }}
/>
</div>
<div className="space-y-4">
<div>
<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("text")}
</label>
<input
@@ -115,7 +115,7 @@ export function FaviconGenerator({ onSave }: Props) {
</div>
<div>
<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("bgColor")}
</label>
<div className="flex items-center gap-2 mb-2">
@@ -123,9 +123,9 @@ export function FaviconGenerator({ onSave }: Props) {
type="color"
value={bgColor}
onChange={(e) => setBgColor(e.target.value)}
className="w-10 h-10 rounded-lg cursor-pointer border border-[var(--border-subtle)]"
className="w-10 h-10 rounded-lg cursor-pointer border border-[var(--admin-border)]"
/>
<span className="text-xs text-[var(--color-text-muted)] font-mono">{bgColor}</span>
<span className="text-xs text-[var(--admin-text-muted)] font-mono">{bgColor}</span>
</div>
<div className="flex flex-wrap gap-1.5">
{swatches.map((c) => (
@@ -134,7 +134,7 @@ export function FaviconGenerator({ onSave }: Props) {
type="button"
onClick={() => setBgColor(c)}
className={`w-7 h-7 rounded-lg border-2 transition-all ${
bgColor === c ? "border-[var(--color-primary)] scale-110" : "border-transparent"
bgColor === c ? "border-[var(--admin-accent)] scale-110" : "border-transparent"
}`}
style={{ backgroundColor: c }}
/>
@@ -143,7 +143,7 @@ export function FaviconGenerator({ onSave }: Props) {
</div>
<div>
<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("textColor")}
</label>
<div className="flex items-center gap-2">
@@ -151,9 +151,9 @@ export function FaviconGenerator({ onSave }: Props) {
type="color"
value={textColor}
onChange={(e) => setTextColor(e.target.value)}
className="w-10 h-10 rounded-lg cursor-pointer border border-[var(--border-subtle)]"
className="w-10 h-10 rounded-lg cursor-pointer border border-[var(--admin-border)]"
/>
<span className="text-xs text-[var(--color-text-muted)] font-mono">{textColor}</span>
<span className="text-xs text-[var(--admin-text-muted)] font-mono">{textColor}</span>
</div>
</div>
@@ -165,7 +165,7 @@ export function FaviconGenerator({ onSave }: Props) {
onChange={(e) => setRounded(e.target.checked)}
className="rounded"
/>
<label htmlFor="rounded" className="text-sm text-[var(--color-text)] cursor-pointer">
<label htmlFor="rounded" className="text-sm text-[var(--admin-text)] cursor-pointer">
{t("rounded")}
</label>
</div>