From d30945e40088ad4e1187a199563cd0ce879b7d11 Mon Sep 17 00:00:00 2001
From: Martin Dvorak <dvorak@dvorakmortonxd.dev>
Date: Wed, 30 Sep 2026 22:22:34 +0000
Subject: [PATCH] give the footer version pill a glass sheen so it fits the
 dark theme

---
 src/app/web.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/app/web.css b/src/app/web.css
index 6047f08..3c1f93f 100644
--- a/src/app/web.css
+++ b/src/app/web.css
@@ -61,7 +61,7 @@ html[data-theme="web"][data-scheme="dark"] {
   --glass-lo: rgba(255, 255, 255, 0.045);
   --glass-border: rgba(255, 255, 255, 0.12);
   --glass-inset: rgba(255, 255, 255, 0.1);
-  --pill-bg: rgba(20, 24, 40, 0.92);
+  --pill-bg: rgba(23, 28, 45, 0.92);
   --glass-shadow: 0 26px 60px -28px rgba(0, 0, 0, 0.85);
   --hover: rgba(139, 124, 255, 0.14);
   --accent-soft: rgba(139, 124, 255, 0.4);
@@ -1001,13 +1001,14 @@ html[data-theme="web"][data-scheme="dark"] .heatmap-legend-cell[data-level="4"]
   right: 18px;
   padding: 3px 9px;
   border-radius: 999px;
-  background: var(--pill-bg);
+  background-color: var(--pill-bg);
+  /* Glass sheen + inset highlight so the pill reads as a small glass surface
+     (matches the panels in both light and dark) instead of a flat block. */
+  background-image: linear-gradient(155deg, var(--glass-hi), var(--glass-lo));
   border: 1px solid var(--glass-border);
-  /* Frosted pill: a near-opaque fill so the footer panel/line behind it no
-     longer shows through, softened with a backdrop blur. */
   -webkit-backdrop-filter: blur(16px) saturate(180%);
   backdrop-filter: blur(16px) saturate(180%);
-  box-shadow: 0 6px 16px -12px rgba(0, 0, 0, 0.55);
+  box-shadow: 0 8px 18px -14px rgba(0, 0, 0, 0.6), inset 0 1px 0 var(--glass-inset);
   font-size: 0.66rem;
   font-weight: 700;
   letter-spacing: 0.08em;