diff --git a/modules/Bar.qml b/modules/Bar.qml index e490e20..d334d36 100644 --- a/modules/Bar.qml +++ b/modules/Bar.qml @@ -42,6 +42,22 @@ PanelWindow { ctx.clearRect(0, 0, w, height); + // Opaque backing behind the stroke so it's not transparent + ctx.fillStyle = M.Theme.base00.toString(); + ctx.beginPath(); + if (r > lw) { + ctx.moveTo(0, r); + ctx.arc(r, r, r, Math.PI, -Math.PI / 2); + ctx.lineTo(w - r, 0); + ctx.arc(w - r, r, r, -Math.PI / 2, 0); + ctx.lineTo(w, lw); + ctx.lineTo(0, lw); + } else { + ctx.rect(0, 0, w, lw); + } + ctx.fill(); + + // Gradient stroke const grad = ctx.createLinearGradient(0, 0, w, 0); grad.addColorStop(0, M.Theme.base0C.toString()); grad.addColorStop(1, M.Theme.base09.toString());