Cyberpunk visual overhaul
Dark CARTO basemap (was default bright OSM tiles), Orbitron/Share Tech Mono fonts, neon cyan/magenta HUD chrome with glassmorphism panels, glowing divIcon portal markers (pulsing when claimed) replacing plain circle dots, neon drop-shadow filters on links/fields, and a subtle scanline overlay. Login and team-pick screens restyled to match.
This commit is contained in:
@@ -3,9 +3,37 @@ export default {
|
||||
content: ['./index.html', './src/**/*.{vue,ts}'],
|
||||
theme: {
|
||||
extend: {
|
||||
fontFamily: {
|
||||
display: ['Orbitron', 'sans-serif'],
|
||||
mono: ['"Share Tech Mono"', 'monospace'],
|
||||
},
|
||||
colors: {
|
||||
orange: { team: '#f97316' },
|
||||
green: { team: '#22c55e' },
|
||||
void: '#050508',
|
||||
panel: '#0b0d16',
|
||||
cyan: { neon: '#00fff2' },
|
||||
magenta: { neon: '#ff00e5' },
|
||||
orange: { neon: '#ff5f1f' },
|
||||
green: { neon: '#39ff14' },
|
||||
},
|
||||
boxShadow: {
|
||||
'glow-cyan': '0 0 6px #00fff2, 0 0 18px rgba(0,255,242,0.5)',
|
||||
'glow-magenta': '0 0 6px #ff00e5, 0 0 18px rgba(255,0,229,0.5)',
|
||||
'glow-orange': '0 0 6px #ff5f1f, 0 0 18px rgba(255,95,31,0.6)',
|
||||
'glow-green': '0 0 6px #39ff14, 0 0 18px rgba(57,255,20,0.6)',
|
||||
},
|
||||
animation: {
|
||||
'pulse-glow': 'pulse-glow 2.4s ease-in-out infinite',
|
||||
scan: 'scan 6s linear infinite',
|
||||
},
|
||||
keyframes: {
|
||||
'pulse-glow': {
|
||||
'0%, 100%': { opacity: 1 },
|
||||
'50%': { opacity: 0.55 },
|
||||
},
|
||||
scan: {
|
||||
'0%': { backgroundPosition: '0 0' },
|
||||
'100%': { backgroundPosition: '0 64px' },
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user