From 1ea21524183ab9cd694006705ada050ad4bb3edc Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Sun, 22 Mar 2026 07:23:23 +0000
Subject: [PATCH] =?UTF-8?q?Matrix:=20fix=20invisible=20map=20=E2=80=94=20b?=
 =?UTF-8?q?righten=20dark=20tiles=20instead=20of=20dimming?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Dark mode tiles are already dark; previous filter was making them
invisible. Now brightens 1.4x + green tint via sepia+hue-rotate.
Also fixed ::before/::after selectors (same element, not descendant).
---
 public/index.html | 2 +-
 public/style.css  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/index.html b/public/index.html
index 9d4f6a35..0eb87862 100644
--- a/public/index.html
+++ b/public/index.html
@@ -22,7 +22,7 @@
   <meta name="twitter:title" content="MeshCore Analyzer">
   <meta name="twitter:description" content="Real-time MeshCore LoRa mesh network analyzer — live packet visualization, node tracking, channel decryption, and route analysis.">
   <meta name="twitter:image" content="https://raw.githubusercontent.com/Kpa-clawbot/meshcore-analyzer/master/public/og-image.png">
-  <link rel="stylesheet" href="style.css?v=1774164006">
+  <link rel="stylesheet" href="style.css?v=1774164203">
   <link rel="stylesheet" href="home.css">
   <link rel="stylesheet" href="live.css?v=1774058575">
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
diff --git a/public/style.css b/public/style.css
index 0b038504..b44d7ff1 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1537,13 +1537,13 @@ tr[data-hops]:hover { background: rgba(59,130,246,0.1); }
 
 /* === Matrix Theme === */
 .matrix-theme .leaflet-tile-pane {
-  filter: grayscale(1) brightness(0.7) contrast(1.8);
+  filter: brightness(1.4) contrast(1.2) sepia(0.6) hue-rotate(70deg) saturate(2);
 }
-.matrix-theme .leaflet-container::before {
+.matrix-theme.leaflet-container::before {
   content: ''; position: absolute; inset: 0; z-index: 401;
   background: rgba(0, 60, 10, 0.35); mix-blend-mode: multiply; pointer-events: none;
 }
-.matrix-theme .leaflet-container::after {
+.matrix-theme.leaflet-container::after {
   content: ''; position: absolute; inset: 0; z-index: 402;
   background: rgba(0, 255, 65, 0.06); mix-blend-mode: screen; pointer-events: none;
 }