config: allow disabling background

Closes #208

README.md

@@ -146,6 +146,9 @@ All configuration options are in `~/.config/caelestia/shell.json`.
 
 ```json
 {
+    "background": {
+        "enabled": true
+    },
     "bar": {
         "dragThreshold": 20,
         "persistent": true,

config/BackgroundConfig.qml

@@ -0,0 +1,5 @@
+import Quickshell.Io
+
+JsonObject {
+    property bool enabled: true
+}

config/Config.qml

@@ -7,6 +7,7 @@ import Quickshell.Io
 Singleton {
     id: root
 
+    property alias background: adapter.background
     property alias bar: adapter.bar
     property alias border: adapter.border
     property alias dashboard: adapter.dashboard
@@ -28,6 +29,7 @@ Singleton {
         JsonAdapter {
             id: adapter
 
+            property BackgroundConfig background: BackgroundConfig {}
             property BarConfig bar: BarConfig {}
             property BorderConfig border: BorderConfig {}
             property DashboardConfig dashboard: DashboardConfig {}

modules/background/Background.qml

@@ -1,26 +1,31 @@
 import qs.widgets
+import qs.config
 import Quickshell
 import Quickshell.Wayland
 
-Variants {
-    model: Quickshell.screens
+LazyLoader {
+    activeAsync: Config.background.enabled
 
-    StyledWindow {
-        id: win
+    Variants {
+        model: Quickshell.screens
 
-        required property ShellScreen modelData
+        StyledWindow {
+            id: win
 
-        screen: modelData
-        name: "background"
-        WlrLayershell.exclusionMode: ExclusionMode.Ignore
-        WlrLayershell.layer: WlrLayer.Background
-        color: "black"
+            required property ShellScreen modelData
 
-        anchors.top: true
-        anchors.bottom: true
-        anchors.left: true
-        anchors.right: true
+            screen: modelData
+            name: "background"
+            WlrLayershell.exclusionMode: ExclusionMode.Ignore
+            WlrLayershell.layer: WlrLayer.Background
+            color: "black"
 
-        Wallpaper {}
+            anchors.top: true
+            anchors.bottom: true
+            anchors.left: true
+            anchors.right: true
+
+            Wallpaper {}
+        }
     }
 }