wallpaper selection

modules/Shell.qml

@@ -5,6 +5,7 @@ import "launcher"
 import "pomodoro"
 import "powermenu"
 import "storybook"
+import "wallpaper"
 import QtQuick
 import Quickshell
 import Quickshell.Wayland
@@ -17,6 +18,23 @@ Variants {
 
         required property ShellScreen modelData
 
+        PanelWindow {
+            id: background
+
+            // visible: false
+            anchors.top: true
+            anchors.left: true
+            anchors.right: true
+            anchors.bottom: true
+
+            color: "transparent"
+
+            WlrLayershell.exclusionMode: ExclusionMode.Ignore
+            WlrLayershell.layer: WlrLayer.Background
+
+            Wallpaper {}
+        }
+
         PanelWindow {
             id: exclusionZone
 

modules/configuration/StylingView.qml

@@ -1,19 +1,40 @@
+pragma ComponentBehavior: Bound
+
 import qs.components
 import qs.components.composite
 import qs.config
+import qs.services
 import QtQuick
 import QtQuick.Layouts
+import Qt.labs.folderlistmodel 2.9
+import Quickshell.Widgets
 
-StyledPane {
-    GridLayout {
+ColumnLayout {
+    StyledPane {
+        GridLayout {
 
-        columnSpacing: Styling.layout.spacing.xl
+            columnSpacing: Styling.layout.spacing.xl
 
-        StyledText {
-            text: "Theme"
-            font.pixelSize: Styling.typography.textSize.lg
+            StyledText {
+                text: "Theme"
+                font.pixelSize: Styling.typography.textSize.lg
+            }
+
+            ThemeComboBox {}
         }
+    }
+    // StyledPane {
+    //     WallpaperList {}
+    // }
 
-        ThemeComboBox {}
+    StyledPane {
+        padding: 2
+        ClippingWrapperRectangle {
+
+            radius: Styling.theme.radiusBox
+            color: "transparent"
+
+            WallpaperList {}
+        }
     }
 }

modules/wallpaper/Wallpaper.qml

@@ -0,0 +1,32 @@
+import qs.services
+import QtQuick
+import QtQuick.Controls
+
+StackView {
+    id: stack
+    property url wallpaper: WallpaperService.currentWallpaper
+
+    anchors.fill: parent
+
+    replaceEnter: Transition {
+        OpacityAnimator {
+            from: 0.0
+            to: 1.0
+            duration: 1000
+        }
+    }
+    replaceExit: Transition {
+        PauseAnimation {
+            duration: 1100
+        }
+    }
+
+    Component {
+        id: img
+        Image {}
+    }
+
+    onWallpaperChanged: stack.replace(img, {
+        "source": stack.wallpaper
+    })
+}