From 4a31652f78880b7258177390cea7f3070804d294 Mon Sep 17 00:00:00 2001
From: karim <karim@gabrielevarano.ch>
Date: Thu, 21 May 2026 00:06:20 +0200
Subject: [PATCH] Stat-Box: gruener Border wenn at-scale (analog Hover-Akzent)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User: wenn die 2-stoeckige Massstab-Pille gruen ist (atScale=true), soll
auch der Border gruen sein — konsistent mit den anderen Hover/Active-
Akzenten in der Topbar.

Border: '1px solid border' → '1px solid (accent wenn atScale, sonst
border)'. Transition fuer smooth Wechsel beim Snap auf 100%.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 src/OberleisteApp.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/OberleisteApp.jsx b/src/OberleisteApp.jsx
index 832e081..f88ab15 100644
--- a/src/OberleisteApp.jsx
+++ b/src/OberleisteApp.jsx
@@ -705,12 +705,13 @@ export default function OberleisteApp() {
           width: STAT_W, height: BAR_H * 2 + 4,
           background: atScale ? 'var(--accent-dim)' : 'var(--bg-input)',
           color: atScale ? 'var(--accent-light)' : 'var(--text-primary)',
-          border: '1px solid var(--border)',
+          border: '1px solid ' + (atScale ? 'var(--accent)' : 'var(--border)'),
           borderRadius: 14,
           overflow: 'hidden',
           fontFamily: 'DM Mono, monospace', fontSize: 11,
           fontWeight: atScale ? 600 : 500,
           flexShrink: 0,
+          transition: 'border-color 0.15s, background 0.15s',
         }}>
           <div style={{
             height: BAR_H,