Add global rounded corners

Corners.qml

@@ -0,0 +1,44 @@
+import QtQuick
+import Quickshell.Hyprland
+import './Widgets' as Widgets
+
+Item {
+    id: corners
+    readonly property real radius: 12
+    Widgets.Corner {
+        anchors {
+            top: true
+            left: true
+        }
+        radius: corners.radius
+        angle: 0
+        fillColor: "black"
+    }
+    Widgets.Corner {
+        anchors {
+            bottom: true
+            left: true
+        }
+        radius: corners.radius
+        angle: 90
+        fillColor: "black"
+    }
+    Widgets.Corner {
+        anchors {
+            bottom: true
+            right: true
+        }
+        radius: corners.radius
+        angle: 180
+        fillColor: "black"
+    }
+    Widgets.Corner {
+        anchors {
+            top: true
+            right: true
+        }
+        radius: corners.radius
+        angle: 270
+        fillColor: "black"
+    }
+}

Wall.qml

@@ -20,7 +20,7 @@ Variants {
         aboveWindows: false
         property var modelData
         screen: modelData
-        color: "#111"
+        color: "#000"
         ClippingRectangle {
             anchors.fill: parent
             Image {
@@ -32,7 +32,7 @@ Variants {
             PropertyAnimation on radius {
                 id: radiusAnimation
                 running: false
-                to: 14
+                to: 16
                 duration: 1000
             }
             transform: [

Widgets/Corner.qml

@@ -0,0 +1,52 @@
+import QtQuick
+import QtQuick.Shapes
+import Quickshell
+import Quickshell.Hyprland
+import Quickshell.Wayland
+
+PanelWindow {
+    id: corner
+    required property real radius
+    required property int angle
+    required property color fillColor
+    WlrLayershell.layer: WlrLayer.Overlay
+
+    color: "transparent"
+    implicitWidth: corner.radius
+    implicitHeight: corner.radius
+
+
+    function anglePointX(angle) {
+        return (corner.radius * Math.sqrt(2) * 1/2 * Math.sin(angle)) + corner.radius/2
+    }
+    function anglePointY(angle) {
+        return (corner.radius * Math.sqrt(2) * 1/2 * Math.cos(angle)) + corner.radius/2
+    }
+    Shape {
+        anchors.fill: parent
+        preferredRendererType: Shape.CurveRenderer
+
+        ShapePath {
+            fillColor: corner.fillColor
+            strokeColor: "transparent"
+            startX: anglePointX(Math.PI * 5/4 + corner.angle * Math.PI/180)
+            startY: anglePointY(Math.PI * 5/4 + corner.angle * Math.PI/180)
+            PathLine {
+                x: anglePointX(Math.PI * 3/4 + corner.angle * Math.PI/180)
+                y: anglePointY(Math.PI * 3/4 + corner.angle * Math.PI/180)
+            }
+            PathAngleArc {
+                radiusX: corner.radius
+                radiusY: corner.radius
+                startAngle: 270 - corner.angle
+                sweepAngle: -90
+                centerX: anglePointX(Math.PI * 1/4 + corner.angle * Math.PI/180)
+                centerY: anglePointY(Math.PI * 1/4 + corner.angle * Math.PI/180)
+            }
+            PathLine {
+                x: anglePointX(Math.PI * 5/4 + corner.angle * Math.PI/180)
+                y: anglePointY(Math.PI * 5/4 + corner.angle * Math.PI/180)
+            }
+        }
+    }
+}

shell.qml

@@ -30,4 +30,5 @@ ShellRoot {
         implicitWidth: 800
         HoverHandler {onHoveredChanged: {if (hovered) bar.open() }}
     }
+    Shell.Corners { }
 }