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

AV: precise recolor to spec — warm dark backgrounds (#1c1815/#231d18/#26201a/#15110e) + gold #F0A623 / orange #D85A30 accents + warm text (#FBEFE0/#C9BBA8/#8a7e6e). 138 component files + 36 token swaps.

Browse Source
This commit is contained in:
Ryan Salazar
2026-06-02 23:46:00 +00:00
parent 01c1abf99d
commit 2876ac6ecd
141 changed files with 2020 additions and 2020 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/FeaturedBentoFromDb.tsx
View File

@@ -72,7 +72,7 @@ export default async function FeaturedBento() {
section-label utility + flex-1 hr + accent-blue "all →" link. */}
<div className="flex items-center gap-3 mb-4 md:mb-5 flex-wrap">
<span className="section-label">Staff Editorial</span>
<div className="flex-1 h-px bg-[#2a2a2a]" />
<div className="flex-1 h-px bg-[#3a322b]" />
<Link href="/news/featured" className="text-[11px] font-mono text-[var(--color-text-info,#60a5fa)] hover:underline whitespace-nowrap">
All featured →
</Link>
@@ -89,7 +89,7 @@ export default async function FeaturedBento() {
{/* Cinematic 21:9 hero — fills left column, aspect ratio preserved */}
<Link
href={`/news/${hero.wp_slug}`}
className="group block relative overflow-hidden rounded border border-[#252525] bg-[#0b0f17] hover:border-[var(--color-text-info,#60a5fa)] transition-colors"
className="group block relative overflow-hidden rounded border border-[#3a322b] bg-[#0b0f17] hover:border-[var(--color-text-info,#60a5fa)] transition-colors"
>
<div className="relative aspect-[21/9] md:aspect-[21/8] bg-[#111]">
<img
@@ -140,7 +140,7 @@ export default async function FeaturedBento() {
<Link
key={r.wp_slug}
href={`/news/${r.wp_slug}`}
className="group flex flex-col h-full rounded border border-[#252525] bg-[#0b0f17] overflow-hidden hover:border-[var(--color-text-info,#60a5fa)] transition-colors"
className="group flex flex-col h-full rounded border border-[#3a322b] bg-[#0b0f17] overflow-hidden hover:border-[var(--color-text-info,#60a5fa)] transition-colors"
>
<div className="aspect-[16/10] bg-[#111] relative flex-shrink-0">
<img
@@ -168,7 +168,7 @@ export default async function FeaturedBento() {
{heroAd ? (
<AdImage ad={heroAd} priority />
) : (
<div className="w-[300px] h-[600px] bg-[#0d1520] border border-[#4a3500] rounded flex items-center justify-center text-[#888] text-xs uppercase tracking-widest">
<div className="w-[300px] h-[600px] bg-[#0d1520] border border-[#412402] rounded flex items-center justify-center text-[#888] text-xs uppercase tracking-widest">
Premium Sponsorship
</div>
)}