style: Redesign match detail pages with neon esports aesthetic

Complete overhaul of all 7 match sub-pages (Overview, Flashes, Economy,
Details, Weapons, Damage, Chat) with consistent neon design system.

Key changes:
- Update Card/Tabs components with void backgrounds and neon accents
- Add decorative blur orbs and grid pattern to match layout hero
- Convert DaisyUI classes to custom Tailwind with neon colors
- Update chart components with neon-themed tooltips and grid styling
- Add RoundTimeline neon glow on selection with void-themed tooltips

Puns added throughout:
- "Hall of Shame" for players who flash teammates more than enemies
- "Needs Therapy Award" for high team damage
- "MVP (Most Violent Player)" badge
- "The Poverty Round", "YOLO Buy" economy labels
- "Multi-Threat Level", "Can't Touch This", "Molotov Mixologist"

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2025-12-07 17:54:29 +01:00
parent 51112df979
commit ee233bb6fb
14 changed files with 1174 additions and 565 deletions

View File

@@ -56,7 +56,7 @@
display: true,
position: 'top',
labels: {
color: 'rgb(156, 163, 175)',
color: 'rgba(255, 255, 255, 0.7)',
font: {
family: 'Inter, system-ui, sans-serif',
size: 12
@@ -64,21 +64,21 @@
}
},
tooltip: {
backgroundColor: 'rgba(0, 0, 0, 0.8)',
backgroundColor: 'rgba(18, 18, 26, 0.95)',
padding: 12,
titleColor: '#fff',
bodyColor: '#fff',
borderColor: 'rgba(255, 255, 255, 0.1)',
bodyColor: 'rgba(255, 255, 255, 0.8)',
borderColor: 'rgba(0, 212, 255, 0.3)',
borderWidth: 1
}
},
scales: {
x: {
grid: {
color: 'rgba(156, 163, 175, 0.1)'
color: 'rgba(255, 255, 255, 0.05)'
},
ticks: {
color: 'rgb(156, 163, 175)',
color: 'rgba(255, 255, 255, 0.5)',
font: {
size: 11
}
@@ -86,10 +86,10 @@
},
y: {
grid: {
color: 'rgba(156, 163, 175, 0.1)'
color: 'rgba(255, 255, 255, 0.05)'
},
ticks: {
color: 'rgb(156, 163, 175)',
color: 'rgba(255, 255, 255, 0.5)',
font: {
size: 11
}