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

feat(brand): AV BEAT 2026 rebrand — blue/navy/white identity

Browse Source 
- New AvBeatLogo inline-SVG component (rounded-square emblem with
  forward-leaning AV monogram + horizontal beam detail) at
  src/components/AvBeatLogo.tsx, three variants (full/wordmark/icon).
- Header.tsx now uses the responsive AV BEAT logo lockup in the
  top-left, links to /, full lockup on desktop (emblem+wordmark+tagline),
  emblem+wordmark on tablet, emblem-only on mobile.
- Removed DualSpeedTicker (the 'RECENT FORUM POSTS' ticker strip);
  the news ticker / glow chrome does not match the new aesthetic and the
  forum row was the explicit removal target.
- Tailwind theme + globals.css now expose the AV BEAT 2026 palette as
  semantic tokens: --brand-blue (#1D4ED8), --brand-blue-bright (#38BDF8),
  --brand-navy (#0F172A), --brand-bg (#F8FAFC), --brand-surface, --brand-border,
  --brand-text, --brand-text-muted. Legacy --color-* aliases re-point to the
  new tokens so any inline-styled component re-themes for free.
- Site-wide hex sweep migrates 2,769 hardcoded color literals across 144
  files from the old dark-broadcast palette to the new tokens (orange
  -> blue, dark-brown -> white surface / navy text, cream -> navy).
- Layout body class flipped from 'bb-neon' to 'bg-brand-bg text-brand-text'
  so the dark glow chrome no longer leaks through the new light theme.
This commit is contained in:
Local Administrator
2026-06-03 12:07:18 +00:00
parent 39d2bf9073
commit 8042024c4a
146 changed files with 2219 additions and 2081 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/admin/forum-seed/page.tsx
View File

@@ -136,13 +136,13 @@ export default function AdminForumSeedPage() {
return (
<>
<Header />
<main className="min-h-screen bg-[#1c1815]">
<div className="bg-[#231d18] border-b border-[#2a3a50]">
<main className="min-h-screen bg-[#F8FAFC]">
<div className="bg-[#FFFFFF] border-b border-[#2a3a50]">
<div className="max-w-container mx-auto px-4 py-6">
<nav className="text-sm font-body text-[#666] mb-2">
<Link href="/admin" className="hover:text-[#F0A623] transition-colors">Admin</Link>
<Link href="/admin" className="hover:text-[#1D4ED8] transition-colors">Admin</Link>
<span className="mx-2">›</span>
<Link href="/forum" className="hover:text-[#F0A623] transition-colors">Forum</Link>
<Link href="/forum" className="hover:text-[#1D4ED8] transition-colors">Forum</Link>
<span className="mx-2">›</span>
<span className="text-[#aab4c4]">Seed Tool</span>
</nav>
@@ -157,17 +157,17 @@ export default function AdminForumSeedPage() {
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
{/* Left: Editor */}
<div className="lg:col-span-2">
<div className="bg-[#231d18] border border-[#3a322b] rounded-lg overflow-hidden">
<div className="flex border-b border-[#3a322b]">
<div className="bg-[#FFFFFF] border border-[#DCE6F2] rounded-lg overflow-hidden">
<div className="flex border-b border-[#DCE6F2]">
<button
onClick={() => setActiveTab('import')}
className={`px-4 py-3 font-body text-sm font-semibold transition-colors ${activeTab === 'import' ? 'text-white border-b-2 border-[#F0A623]' : 'text-[#666] hover:text-[#aaa]'}`}
className={`px-4 py-3 font-body text-sm font-semibold transition-colors ${activeTab === 'import' ? 'text-white border-b-2 border-[#1D4ED8]' : 'text-[#666] hover:text-[#aaa]'}`}
>
Import Editor
</button>
<button
onClick={() => setActiveTab('json')}
className={`px-4 py-3 font-body text-sm font-semibold transition-colors ${activeTab === 'json' ? 'text-white border-b-2 border-[#F0A623]' : 'text-[#666] hover:text-[#aaa]'}`}
className={`px-4 py-3 font-body text-sm font-semibold transition-colors ${activeTab === 'json' ? 'text-white border-b-2 border-[#1D4ED8]' : 'text-[#666] hover:text-[#aaa]'}`}
>
JSON Schema
</button>
@@ -182,20 +182,20 @@ export default function AdminForumSeedPage() {
value={seedData}
onChange={e => setSeedData(e.target.value)}
rows={24}
className="w-full bg-[#1c1815] border border-[#333] rounded-lg px-3 py-3 text-[#d0d0d0] font-mono text-xs focus:outline-none focus:border-[#F0A623] resize-none"
className="w-full bg-[#F8FAFC] border border-[#333] rounded-lg px-3 py-3 text-[#d0d0d0] font-mono text-xs focus:outline-none focus:border-[#1D4ED8] resize-none"
spellCheck={false}
/>
<div className="flex gap-3 mt-3">
<button
onClick={handleImport}
disabled={importing}
className="bg-[#F0A623] hover:bg-[#BA7517] disabled:opacity-50 text-white font-body font-semibold text-sm px-5 py-2 rounded-lg transition-colors"
className="bg-[#1D4ED8] hover:bg-[#1E3A8A] disabled:opacity-50 text-white font-body font-semibold text-sm px-5 py-2 rounded-lg transition-colors"
>
{importing ? 'Importing...' : 'Import Threads'}
</button>
<button
onClick={() => setSeedData(JSON.stringify(SEED_TEMPLATES, null, 2))}
className="bg-[#3a322b] hover:bg-[#333] text-[#aaa] font-body text-sm px-4 py-2 rounded-lg transition-colors"
className="bg-[#DCE6F2] hover:bg-[#333] text-[#aaa] font-body text-sm px-4 py-2 rounded-lg transition-colors"
>
Reset to Templates
</button>
@@ -206,7 +206,7 @@ export default function AdminForumSeedPage() {
{activeTab === 'json' && (
<div className="p-4">
<p className="text-[#888] font-body text-xs mb-3">Required JSON structure for seed data:</p>
<pre className="bg-[#1c1815] border border-[#333] rounded-lg p-4 text-[#d0d0d0] font-mono text-xs overflow-auto">
<pre className="bg-[#F8FAFC] border border-[#333] rounded-lg p-4 text-[#d0d0d0] font-mono text-xs overflow-auto">
{`[
{
"category_slug": "live-production",
@@ -226,7 +226,7 @@ export default function AdminForumSeedPage() {
<h4 className="text-white font-body font-semibold text-sm mb-2">Available Category Slugs</h4>
<div className="flex flex-wrap gap-2">
{['live-production','ip-cloud','audio','cameras','storage-mam','streaming','ai-automation','post-production','nab-ibc','career-jobs','gear-reviews','general'].map(slug => (
<code key={slug} className="bg-[#1c1815] border border-[#333] text-[#F0A623] font-mono text-xs px-2 py-1 rounded">{slug}</code>
<code key={slug} className="bg-[#F8FAFC] border border-[#333] text-[#1D4ED8] font-mono text-xs px-2 py-1 rounded">{slug}</code>
))}
</div>
</div>
@@ -239,7 +239,7 @@ export default function AdminForumSeedPage() {
<div className="space-y-4">
{/* Import Results */}
{results.length > 0 && (
<div className="bg-[#231d18] border border-[#3a322b] rounded-lg p-4">
<div className="bg-[#FFFFFF] border border-[#DCE6F2] rounded-lg p-4">
<h3 className="text-white font-heading font-semibold mb-3">Import Results</h3>
<div className="flex gap-4 mb-3">
<div className="text-center">
@@ -265,20 +265,20 @@ export default function AdminForumSeedPage() {
)}
{/* Quick Links */}
<div className="bg-[#231d18] border border-[#3a322b] rounded-lg p-4">
<div className="bg-[#FFFFFF] border border-[#DCE6F2] rounded-lg p-4">
<h3 className="text-white font-heading font-semibold mb-3">Quick Links</h3>
<div className="space-y-2">
<Link href="/forum" className="flex items-center gap-2 text-[#F0A623] hover:underline font-body text-sm">
<Link href="/forum" className="flex items-center gap-2 text-[#1D4ED8] hover:underline font-body text-sm">
<span>→</span> View Forum
</Link>
<Link href="/admin" className="flex items-center gap-2 text-[#F0A623] hover:underline font-body text-sm">
<Link href="/admin" className="flex items-center gap-2 text-[#1D4ED8] hover:underline font-body text-sm">
<span>→</span> Admin Dashboard
</Link>
</div>
</div>
{/* Tips */}
<div className="bg-[#231d18] border border-[#2a3a50] rounded-lg p-4">
<div className="bg-[#FFFFFF] border border-[#2a3a50] rounded-lg p-4">
<h3 className="text-white font-heading font-semibold mb-2 text-sm">Tips</h3>
<ul className="text-[#aab4c4] font-body text-xs space-y-1.5">
<li>• Threads are imported as real posts — they appear immediately in the forum</li>