panel window contains background styling

components/StyledPanelWindow.qml

@@ -1,9 +1,41 @@
+import qs.config
+import QtQuick
 import Quickshell
 import Quickshell.Wayland
 
 PanelWindow {
+    id: window
+
     required property string name
 
     WlrLayershell.namespace: `lux-${name}`
     color: "transparent"
+
+    Rectangle {
+        anchors.fill: parent
+        radius: Styling.theme.radiusBox
+        Behavior on radius {
+            NumberAnimation {
+                duration: Styling.animations.speed.normal
+            }
+        }
+        color: Styling.theme.base100
+        Behavior on color {
+            ColorAnimation {
+                duration: Styling.animations.speed.fast
+            }
+        }
+        Behavior on opacity {
+            NumberAnimation {
+                duration: Styling.animations.speed.fast
+            }
+        }
+        border.width: 2
+        border.color: Styling.theme.base200
+        Behavior on border.color {
+            ColorAnimation {
+                duration: Styling.animations.speed.fast
+            }
+        }
+    }
 }

modules/launcher/Launcher.qml

@@ -4,10 +4,11 @@ import "services"
 import qs.config
 import qs.components
 import qs.services
-import Quickshell.Hyprland
-import Quickshell.Wayland
 import QtQuick
 import QtQuick.Layouts
+import Quickshell.Hyprland
+import Quickshell.Wayland
+import Quickshell.Widgets
 
 StyledPanelWindow {
     id: root
@@ -34,7 +35,7 @@ StyledPanelWindow {
         search.clear();
     }
 
-    StyledWrapperRectangle {
+    WrapperItem {
         id: rect
 
         margin: 18

modules/pomodoro/Pomodoro.qml

@@ -4,10 +4,11 @@ import qs.components
 import qs.config
 import qs.services
 import qs.widgets
-import Quickshell.Hyprland
-import Quickshell.Wayland
 import QtQuick
 import QtQuick.Layouts
+import Quickshell.Hyprland
+import Quickshell.Wayland
+import Quickshell.Widgets
 
 StyledPanelWindow {
     id: root
@@ -20,7 +21,7 @@ StyledPanelWindow {
     WlrLayershell.layer: WlrLayer.Top
     WlrLayershell.keyboardFocus: root.visible ? WlrKeyboardFocus.OnDemand : WlrKeyboardFocus.None
 
-    StyledWrapperRectangle {
+    WrapperItem {
         id: rect
 
         leftMargin: 48

modules/powermenu/PowerMenu.qml

@@ -4,10 +4,11 @@ import qs.components
 import qs.config
 import qs.services
 import Quickshell.Hyprland
-import Quickshell.Io
-import Quickshell.Wayland
 import QtQuick
 import QtQuick.Layouts
+import Quickshell.Io
+import Quickshell.Wayland
+import Quickshell.Widgets
 
 StyledPanelWindow {
     id: root
@@ -24,7 +25,7 @@ StyledPanelWindow {
         id: process
     }
 
-    StyledWrapperRectangle {
+    WrapperItem {
         id: rect
 
         margin: 14

modules/storybook/Storybook.qml

@@ -3,11 +3,12 @@ pragma ComponentBehavior: Bound
 import qs.components
 import qs.config
 import qs.services
-import Quickshell.Hyprland
-import Quickshell.Wayland
 import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
+import Quickshell.Hyprland
+import Quickshell.Wayland
+import Quickshell.Widgets
 
 StyledPanelWindow {
     id: root
@@ -28,7 +29,7 @@ StyledPanelWindow {
         }
     }
 
-    StyledWrapperRectangle {
+    WrapperItem {
         id: rect
 
         margin: 48