ssmithx/regress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sharpen the cyberpunk visuals — too diffused/hard to read

Browse Source 
- Removed the whole-app animated scanline overlay entirely — biggest
  single contributor to the hazy look.
- text-shadow glow blur cut from 8px to 2px across the board (headers
  keep a hint of neon, body text is now crisp).
- hud-panel: solid 0.97-alpha background (was 0.88 + backdrop-blur(10px),
  which softened everything behind/inside it), tighter box-shadow.
- Map: dropped the saturate/hue-rotate tile filter (just brightness now),
  halved drop-shadow blur radii on markers/links/fields/clusters.
- Bumped low-opacity text (many labels were down at /30-/60 which reads
  fine on a mockup but is genuinely hard to read against a busy map) up
  to /75-/95 across Login/TeamPick/MapView.
This commit is contained in:
ssmithx
2026-08-05 23:05:04 +00:00
parent 6b8f5b1945
commit 1584676978
4 changed files with 48 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/MapView.vue
+10 -10
View File
@@ -230,20 +230,20 @@ watch(linkSourceId, redraw);
<div class="flex items-center gap-5">
<span class="font-display text-lg font-black tracking-widest text-cyan-neon text-glow-cyan">REGRESS</span>
<span class="flex items-center gap-1 font-bold text-orange-neon text-glow-orange">
▲ {{ orangeScore?.claimedPlaces ?? 0 }} <span class="text-orange-neon/60">nodes</span> ·
{{ orangeScore?.links ?? 0 }} <span class="text-orange-neon/60">links</span> ·
{{ orangeScore?.fields ?? 0 }} <span class="text-orange-neon/60">fields</span> ·
▲ {{ orangeScore?.claimedPlaces ?? 0 }} <span class="text-orange-neon/90">nodes</span> ·
{{ orangeScore?.links ?? 0 }} <span class="text-orange-neon/90">links</span> ·
{{ orangeScore?.fields ?? 0 }} <span class="text-orange-neon/90">fields</span> ·
{{ (orangeScore?.areaKm2 ?? 0).toFixed(2) }} km²
</span>
<span class="flex items-center gap-1 font-bold text-green-neon text-glow-green">
▲ {{ greenScore?.claimedPlaces ?? 0 }} <span class="text-green-neon/60">nodes</span> ·
{{ greenScore?.links ?? 0 }} <span class="text-green-neon/60">links</span> ·
{{ greenScore?.fields ?? 0 }} <span class="text-green-neon/60">fields</span> ·
▲ {{ greenScore?.claimedPlaces ?? 0 }} <span class="text-green-neon/90">nodes</span> ·
{{ greenScore?.links ?? 0 }} <span class="text-green-neon/90">links</span> ·
{{ greenScore?.fields ?? 0 }} <span class="text-green-neon/90">fields</span> ·
{{ (greenScore?.areaKm2 ?? 0).toFixed(2) }} km²
</span>
</div>
<div class="flex items-center gap-3">
<span class="text-cyan-neon/70">
<span class="text-cyan-neon/95">
{{ auth.displayName ?? auth.pubkey?.slice(0, 8) }}//<span
:class="auth.team === 'orange' ? 'text-orange-neon text-glow-orange' : 'text-green-neon text-glow-green'"
class="font-bold uppercase"
@@ -279,12 +279,12 @@ watch(linkSourceId, redraw);
<h2 class="font-display font-bold text-cyan-neon text-glow-cyan">
{{ selectedPlace.name || `Node ${selectedPlace.id}` }}
</h2>
<button class="text-cyan-neon/50 hover:text-cyan-neon" @click="selectedPlaceId = null">✕</button>
<button class="text-cyan-neon/80 hover:text-cyan-neon" @click="selectedPlaceId = null">✕</button>
</div>
<p v-if="selectedPlace.address" class="mb-2 text-cyan-neon/50">{{ selectedPlace.address }}</p>
<p v-if="selectedPlace.address" class="mb-2 text-cyan-neon/80">{{ selectedPlace.address }}</p>
<p class="mb-3">
STATUS:
<span v-if="!selectedPlace.claim_team" class="text-cyan-neon/60">UNCLAIMED</span>
<span v-if="!selectedPlace.claim_team" class="text-cyan-neon/90">UNCLAIMED</span>
<span
v-else
class="font-bold uppercase"