A personal media tracker built on the AT Protocol
opnshelf.xyz
Fix amber accent contrast in interactive states
+7
-5
+2
-2
apps/web/src/components/Header.tsx
+2
-2
apps/web/src/components/Header.tsx
···
183
183
) : (
184
184
<Link
185
185
to="/login"
186
-
className="hidden items-center justify-center rounded-md bg-[var(--accent)] px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-[var(--accent-hover)] sm:flex"
186
+
className="hidden items-center justify-center rounded-md bg-[var(--accent)] px-4 py-2 text-sm font-medium text-[var(--accent-foreground)] transition-colors hover:bg-[var(--accent-hover)] sm:flex"
187
187
>
188
188
Sign In
189
189
</Link>
···
273
273
<div className="my-2 border-t border-[var(--border)]" />
274
274
<Link
275
275
to="/login"
276
-
className="flex items-center gap-3 rounded-md bg-[var(--accent)] px-3 py-3 text-sm font-medium text-white"
276
+
className="flex items-center gap-3 rounded-md bg-[var(--accent)] px-3 py-3 text-sm font-medium text-[var(--accent-foreground)]"
277
277
>
278
278
Sign In
279
279
</Link>
+1
-1
apps/web/src/components/ui/command.tsx
+1
-1
apps/web/src/components/ui/command.tsx
···
144
144
<CommandPrimitive.Item
145
145
data-slot="command-item"
146
146
className={cn(
147
-
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
147
+
"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[selected=true]:[&_svg:not([class*='text-'])]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
148
148
className,
149
149
)}
150
150
{...props}
+2
apps/web/src/styles.css
+2
apps/web/src/styles.css
···
48
48
49
49
--accent: var(--accent-600);
50
50
--accent-hover: var(--accent-700);
51
+
--accent-foreground: #3f2e00;
51
52
--accent-subtle: var(--accent-50);
52
53
--accent-muted: var(--accent-100);
53
54
···
96
97
97
98
--accent: var(--accent-400);
98
99
--accent-hover: var(--accent-300);
100
+
--accent-foreground: #3f2e00;
99
101
--accent-subtle: rgba(251, 191, 36, 0.15);
100
102
--accent-muted: rgba(251, 191, 36, 0.25);
101
103