From d33b47139a431ebc6aef9926f1f80bb2420ac596 Mon Sep 17 00:00:00 2001 From: Damocles Date: Sun, 12 Apr 2026 21:27:46 +0200 Subject: [PATCH] restore gradient glow wash behind border --- modules/Bar.qml | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/modules/Bar.qml b/modules/Bar.qml index 6e28c3a..018ebcf 100644 --- a/modules/Bar.qml +++ b/modules/Bar.qml @@ -40,6 +40,24 @@ PanelWindow { ctx.clearRect(0, 0, w, h); + // Glow wash behind the border + const glowGrad = ctx.createLinearGradient(0, 0, w, 0); + glowGrad.addColorStop(0, M.Theme.base0C.toString()); + glowGrad.addColorStop(1, M.Theme.base09.toString()); + ctx.globalAlpha = 0.25; + ctx.fillStyle = glowGrad; + ctx.fillRect(0, 0, w, h); + + // Erase glow towards bottom + ctx.globalAlpha = 1; + ctx.globalCompositeOperation = "destination-out"; + const glowFade = ctx.createLinearGradient(0, 0, 0, h); + glowFade.addColorStop(0, "transparent"); + glowFade.addColorStop(1, "black"); + ctx.fillStyle = glowFade; + ctx.fillRect(0, 0, w, h); + ctx.globalCompositeOperation = "source-over"; + // Horizontal gradient for the border const grad = ctx.createLinearGradient(0, 0, w, 0); grad.addColorStop(0, M.Theme.base0C.toString());