From 57bd041229b162d2058a1c247c364ee068f46c4b Mon Sep 17 00:00:00 2001
From: Antonio De Lucreziis <antonio.delucreziis@gmail.com>
Date: Sun, 2 Aug 2026 15:58:59 +0200
Subject: [PATCH] ui: aggregate plot thinner lines, light blend darken, 0.25
 opacity floor

---
 src/components/plots.tsx | 4 ++--
 src/light.css            | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/plots.tsx b/src/components/plots.tsx
index 5afc7a5..8be3fb1 100644
--- a/src/components/plots.tsx
+++ b/src/components/plots.tsx
@@ -191,7 +191,7 @@ export function AggregatePlot({
   const lineCount = Math.max(1, paths.length)
   // gentler 1/sqrt(n) falloff: isolated lines stay visible while dense clusters
   // still accumulate to a solid mass
-  const opacity = 1 / Math.sqrt(lineCount)
+  const opacity = Math.max(0.25, 1 / Math.sqrt(lineCount))
 
   const [hover, setHover] = useState<{
     sample: MetricEntry
@@ -267,7 +267,7 @@ export function AggregatePlot({
               fill="none"
               stroke={color}
               stroke-opacity={opacity}
-              stroke-width="1.5"
+              stroke-width="1"
               stroke-linejoin="round"
               stroke-linecap="round"
             />
diff --git a/src/light.css b/src/light.css
index 4e0774d..1816382 100644
--- a/src/light.css
+++ b/src/light.css
@@ -48,7 +48,7 @@
   --shadow-color: #0004;
   --shadow: 0.35rem 0.35rem 0 var(--shadow-color);
   --shadow-lg: 0.55rem 0.55rem 0 var(--shadow-color);
-  --blend-overlap: multiply;
+  --blend-overlap: darken;
   --overlay: rgba(0, 0, 0, 0.35);
   --sheen: rgba(255, 255, 255, 0.75);
   --sheen-strong: rgba(255, 255, 255, 0.9);