fix: robust coaster matching + dark carnival color scheme

Matching fixes:
- normalize() now strips all non-word/non-space chars via [^\w\s] instead of
  a hand-rolled list, catching !, curly apostrophe (U+2019), and any future edge cases
- Add isCoaster() helper with prefix matching (min 5 chars) to handle subtitle
  mismatches in either direction (e.g. "Apocalypse" vs "Apocalypse the Ride",
  "The New Revolution - Classic" vs "New Revolution")
- Fix top-level rides loop which still used coasterNames.has(normalize()) instead
  of isCoaster() — this was the recurring bug causing top-level rides to miss

UI:
- Dark neutral base (#111) replacing cold navy and muddy purple
- Neon accent palette: hot pink, electric green, vivid yellow, cyan
- Park page max-width 960→1280px, calendar cells 72→96px tall
- Scrollbar accent matches theme

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-04 15:22:59 -04:00
parent bad366d5ea
commit e9da6f3120
5 changed files with 84 additions and 58 deletions

View File

@@ -1,49 +1,49 @@
@import "tailwindcss";
@theme {
/* ── Backgrounds ─────────────────────────────────────────────────────────── */
--color-bg: #0c1220;
--color-surface: #141c2e;
--color-surface-2: #1c2640;
--color-surface-hover: #222e4a;
--color-border: #1f2d45;
--color-border-subtle: #172035;
/* ── Backgrounds — deep neutral dark, no purple tint ─────────────────────── */
--color-bg: #111111;
--color-surface: #1c1c1c;
--color-surface-2: #242424;
--color-surface-hover: #2c2c2c;
--color-border: #333333;
--color-border-subtle: #272727;
/* ── Text ────────────────────────────────────────────────────────────────── */
--color-text: #f1f5f9;
--color-text-secondary: #94a3b8;
--color-text-muted: #64748b;
--color-text-dim: #475569;
/* ── Text — clean white, no tint ─────────────────────────────────────────── */
--color-text: #f5f5f5;
--color-text-secondary: #b0b0b0;
--color-text-muted: #737373;
--color-text-dim: #4a4a4a;
/* ── Warm accent (Today / active states) ─────────────────────────────────── */
--color-accent: #f59e0b;
--color-accent-hover: #d97706;
--color-accent-text: #fef3c7;
--color-accent-muted: #78350f;
/* ── Hot pink accent — neon sign energy ──────────────────────────────────── */
--color-accent: #ff4d8d;
--color-accent-hover: #e6006e;
--color-accent-text: #fff0f7;
--color-accent-muted: #3d0f22;
/* ── Open (green) ────────────────────────────────────────────────────────── */
--color-open-bg: #052e16;
--color-open-border: #16a34a;
/* ── Open — electric lime green (go!) ────────────────────────────────────── */
--color-open-bg: #0a1a0d;
--color-open-border: #22c55e;
--color-open-text: #4ade80;
--color-open-hours: #dcfce7;
--color-open-hours: #bbf7d0;
/* ── Passholder preview (purple) ─────────────────────────────────────────── */
--color-ph-bg: #1e0f2e;
--color-ph-border: #7e22ce;
--color-ph-hours: #e9d5ff;
--color-ph-label: #c084fc;
/* ── Passholder preview — vivid cyan ─────────────────────────────────────── */
--color-ph-bg: #051518;
--color-ph-border: #22d3ee;
--color-ph-hours: #cffafe;
--color-ph-label: #67e8f9;
/* ── Today column (amber instead of cold blue) ───────────────────────────── */
--color-today-bg: #1c1a0e;
--color-today-border: #f59e0b;
--color-today-text: #fde68a;
/* ── Today — vivid yellow, unmissable ────────────────────────────────────── */
--color-today-bg: #1a1800;
--color-today-border: #facc15;
--color-today-text: #fef08a;
/* ── Weekend header ──────────────────────────────────────────────────────── */
--color-weekend-header: #141f35;
/* ── Weekend — barely-there dark tint ───────────────────────────────────────*/
--color-weekend-header: #181818;
/* ── Region header ───────────────────────────────────────────────────────── */
--color-region-bg: #0e1628;
--color-region-accent: #334155;
--color-region-bg: #161616;
--color-region-accent: #ff4d8d;
}
:root {
@@ -64,14 +64,14 @@
height: 6px;
}
::-webkit-scrollbar-track {
background: var(--color-bg);
background: var(--color-surface-2);
}
::-webkit-scrollbar-thumb {
background: var(--color-border);
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--color-text-muted);
background: var(--color-accent);
}
/* ── Sticky column shadow when scrolling ─────────────────────────────────── */

View File

@@ -100,7 +100,7 @@ export default async function ParkPage({ params, searchParams }: PageProps) {
</span>
</header>
<main style={{ padding: "24px", maxWidth: 960, margin: "0 auto", display: "flex", flexDirection: "column", gap: 40 }}>
<main style={{ padding: "24px 32px", maxWidth: 1280, margin: "0 auto", display: "flex", flexDirection: "column", gap: 40 }}>
{/* ── Month Calendar ───────────────────────────────────────────────── */}
<section>