localadministrator/avbeat-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "slice 4: accent palette refinement — blue → teal"

Browse Source 
This reverts commit 52fe7bceb6.
This commit is contained in:
Ryan Salazar (via Claude)
2026-05-15 23:49:36 +00:00
parent 52fe7bceb6
commit 959e3980ae
109 changed files with 937 additions and 937 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/reading-list/page.tsx
View File

@@ -116,8 +116,8 @@ export default function ReadingListPage() {
<main className="bg-[#111111] min-h-screen">
{/* Toast */}
{toast && (
<div className="fixed bottom-6 left-1/2 -translate-x-1/2 z-50 bg-[#1a2535] border border-[#5B7C8D] text-[#e0e0e0] font-body text-sm px-5 py-3 rounded-sm shadow-lg flex items-center gap-2">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#5B7C8D" strokeWidth="2.5" aria-hidden="true">
<div className="fixed bottom-6 left-1/2 -translate-x-1/2 z-50 bg-[#1a2535] border border-[#3b82f6] text-[#e0e0e0] font-body text-sm px-5 py-3 rounded-sm shadow-lg flex items-center gap-2">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" strokeWidth="2.5" aria-hidden="true">
<polyline points="20 6 9 17 4 12" />
</svg>
{toast}
@@ -128,7 +128,7 @@ export default function ReadingListPage() {
<div className="bg-[#0d0d0d] border-b border-[#1e1e1e]">
<div className="max-w-container mx-auto px-4 py-2.5">
<nav aria-label="Breadcrumb" className="flex items-center gap-2 text-xs font-body text-[#555]">
<Link href="/home-page" className="hover:text-[#5B7C8D] transition-colors">Home</Link>
<Link href="/home-page" className="hover:text-[#3b82f6] transition-colors">Home</Link>
<span aria-hidden="true">/</span>
<span className="text-[#888]">Reading List</span>
</nav>
@@ -139,7 +139,7 @@ export default function ReadingListPage() {
{/* Title Row */}
<div className="flex items-center justify-between mb-8 pb-4 border-b border-[#2a2a2a]">
<div className="flex items-center gap-3">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#5B7C8D" strokeWidth="2" aria-hidden="true">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" strokeWidth="2" aria-hidden="true">
<path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" />
</svg>
<h1 className="font-heading text-xl md:text-2xl font-bold text-[#e8e8e8]">Reading List</h1>
@@ -152,7 +152,7 @@ export default function ReadingListPage() {
{savedArticles.length > 0 && (
<button
onClick={handleClearAll}
className="font-body text-xs text-[#555] hover:text-red-400 transition-colors uppercase tracking-wide focus:outline-none focus-visible:ring-2 focus-visible:ring-[#5B7C8D]">
className="font-body text-xs text-[#555] hover:text-red-400 transition-colors uppercase tracking-wide focus:outline-none focus-visible:ring-2 focus-visible:ring-[#3b82f6]">
Clear All
</button>
)}
@@ -242,12 +242,12 @@ export default function ReadingListPage() {
<div className="flex items-start justify-between gap-3">
<div className="flex-1 min-w-0">
{item.articleCategory && (
<span className="inline-block font-body text-[9px] font-bold uppercase tracking-widest text-[#5B7C8D] mb-1">
<span className="inline-block font-body text-[9px] font-bold uppercase tracking-widest text-[#3b82f6] mb-1">
{item.articleCategory}
</span>
)}
<Link href={`/articles/${item.articleSlug}`}>
<h2 className="font-heading text-sm md:text-base font-bold text-[#e0e0e0] group-hover:text-[#5B7C8D] transition-colors leading-snug line-clamp-2 mb-1">
<h2 className="font-heading text-sm md:text-base font-bold text-[#e0e0e0] group-hover:text-[#3b82f6] transition-colors leading-snug line-clamp-2 mb-1">
{item.articleTitle}
</h2>
</Link>
@@ -274,7 +274,7 @@ export default function ReadingListPage() {
onClick={() => handleRemove(item.id, item.articleSlug)}
disabled={removingId === item.id}
aria-label={`Remove "${item.articleTitle}" from reading list`}
className="flex-shrink-0 w-7 h-7 flex items-center justify-center text-[#444] hover:text-red-400 hover:bg-[#2a1a1a] rounded-sm transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[#5B7C8D] disabled:opacity-50">
className="flex-shrink-0 w-7 h-7 flex items-center justify-center text-[#444] hover:text-red-400 hover:bg-[#2a1a1a] rounded-sm transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[#3b82f6] disabled:opacity-50">
{removingId === item.id ? (
<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" className="animate-spin" aria-hidden="true">
<circle cx="12" cy="12" r="10" strokeOpacity="0.25" />
@@ -300,7 +300,7 @@ export default function ReadingListPage() {
</span>
<Link
href={`/articles/${item.articleSlug}`}
className="font-body text-[10px] font-bold uppercase tracking-wide text-[#5B7C8D] hover:text-[#4A6473] transition-colors">
className="font-body text-[10px] font-bold uppercase tracking-wide text-[#3b82f6] hover:text-[#2563eb] transition-colors">
Read Article →
</Link>
</div>