appearance moves into the settings window

The appearance shell existed because a wallpaper picker needed more room
than the 600px drawer, so it ran as its own process with a full-screen
overlay. The settings window now gives it that room, and its five tabs
become five settings pages in the desktop process: Wallpaper, Theme,
Icons & cursor, Sunset and Idle. appearance/ is gone, and with it a
process, a keepalive window and a layer blur rule.

The files move to desktop/modules/appearance/ unchanged in what they do.
Each tab gets a small *Module.qml; the window's refresh-on-open calls the
singletons' refresh(), which the panel's show() used to. The two tabs that
were inline Components in AppearancePanel become ThemeTab and
WallpaperTab, owning the notices the panel printed. Sunset, Idle and
Icons drop their own Flickable so the page scrolls them and search can
reveal a row; the wallpaper list virtualises its rows and scrolls itself,
so it takes the page's new viewHeight instead.

Search finds a colour scheme and an icon or cursor theme by name.

The appearance IPC target moves to desktop/shell.qml with the same verbs,
so udt-steps and any keybind change only the path. Git now follows the
appearance pages and autostart in the sidebar.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

1 files changed, 179 insertions, 0 deletions

diff --git a/desktop/modules/appearance/ThemeTab.qml b/desktop/modules/appearance/ThemeTab.qml
new file mode 100644
index 0000000..acee97a
--- /dev/null
+++ b/desktop/modules/appearance/ThemeTab.qml
@@ -0,0 +1,179 @@
+// Copyright (C) 2026 Danilo M. <danix@danix.xyz>
+//
+// This program is free software; you can redistribute it and/or modify
+// it under the terms of the GNU General Public License version 2 as
+// published by the Free Software Foundation.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU General Public License for more details.
+
+import QtQuick
+import "../.."
+
+// Colour schemes from unified-desktop-theme, each with its swatches and a mock
+// of a panel in its colours. Clicking one applies it through install.sh.
+Column {
+    id: tab
+    spacing: 10
+
+    // install.sh reloads Hyprland, kitty and conky; this says what it cannot
+    // reach, or why it failed.
+    property string notice: ""
+    Connections {
+        target: Udt
+        function onApplied(scheme, ok, message) {
+            tab.notice = ok
+                ? `${scheme} applied. Restart Qt, GTK, btop and Joplin; neovim needs :colorscheme udt.`
+                : `failed: ${message}`;
+        }
+    }
+
+    Text {
+        visible: tab.notice !== ""
+        width: parent.width
+        wrapMode: Text.Wrap
+        text: tab.notice
+        font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 3 }
+        color: tab.notice.indexOf("failed") === 0 ? Theme.red : Theme.green
+    }
+
+    Repeater {
+        model: Udt.names
+
+        Rectangle {
+            required property string modelData
+            // What a search hit scrolls to (ThemeModule's searchItems key).
+            objectName: modelData
+            readonly property var sw: Udt.swatches[modelData] ?? ({})
+            readonly property bool isCurrent: Udt.current === modelData
+
+            width: tab.width
+            implicitHeight: 96
+            radius: 10
+            color: hover.hovered ? Qt.alpha(Theme.surface, 0.75)
+                                 : Qt.alpha(Theme.surface, 0.35)
+            border.width: 1
+            border.color: isCurrent ? Qt.alpha(Theme.accent, 0.6) : "transparent"
+
+            HoverHandler { id: hover }
+            MouseArea {
+                anchors.fill: parent
+                enabled: !Udt.applying && !isCurrent
+                cursorShape: enabled ? Qt.PointingHandCursor : Qt.ArrowCursor
+                onClicked: Udt.apply(modelData)
+            }
+
+            Row {
+                anchors.fill: parent
+                anchors.margins: 14
+                spacing: 16
+
+                // A mock of the desktop in that scheme's colours:
+                // swatches alone say what the colours are, this
+                // says how they sit together.
+                Rectangle {
+                    anchors.verticalCenter: parent.verticalCenter
+                    width: 150; height: 68
+                    radius: 6
+                    color: sw.bg ?? Theme.base
+                    border.width: 1
+                    border.color: Qt.alpha(sw.text ?? Theme.text, 0.15)
+                    clip: true
+
+                    Column {
+                        anchors.fill: parent
+                        anchors.margins: 7
+                        spacing: 5
+
+                        Row {
+                            spacing: 4
+                            Rectangle {
+                                width: 26; height: 8; radius: 2
+                                color: sw.accent ?? Theme.accent
+                            }
+                            Rectangle {
+                                width: 16; height: 8; radius: 2
+                                color: sw.surface ?? Theme.surface
+                            }
+                            Rectangle {
+                                width: 16; height: 8; radius: 2
+                                color: sw.surface ?? Theme.surface
+                            }
+                        }
+
+                        Rectangle {
+                            width: parent.width; height: 20; radius: 3
+                            color: sw.surface ?? Theme.surface
+
+                            Rectangle {
+                                anchors.verticalCenter: parent.verticalCenter
+                                x: 5; width: 60; height: 5; radius: 2
+                                color: Qt.alpha(sw.text ?? Theme.text, 0.75)
+                            }
+                            Rectangle {
+                                anchors.verticalCenter: parent.verticalCenter
+                                anchors.right: parent.right
+                                anchors.rightMargin: 5
+                                width: 22; height: 9; radius: 3
+                                color: sw.accent ?? Theme.accent
+                            }
+                        }
+
+                        Row {
+                            spacing: 4
+                            Rectangle { width: 9; height: 9; radius: 5; color: sw.green ?? Theme.green }
+                            Rectangle { width: 9; height: 9; radius: 5; color: sw.yellow ?? Theme.yellow }
+                            Rectangle { width: 9; height: 9; radius: 5; color: sw.red ?? Theme.red }
+                        }
+                    }
+                }
+
+                Column {
+                    anchors.verticalCenter: parent.verticalCenter
+                    spacing: 8
+
+                    Row {
+                        spacing: 8
+                        Text {
+                            text: modelData
+                            font { family: Theme.fontFamily; pixelSize: Theme.fontSize; bold: true }
+                            color: Theme.text
+                        }
+                        Text {
+                            anchors.verticalCenter: parent.verticalCenter
+                            visible: isCurrent
+                            text: "current"
+                            font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
+                            color: Theme.accent
+                        }
+                        Text {
+                            anchors.verticalCenter: parent.verticalCenter
+                            visible: Udt.applying
+                            text: "applying…"
+                            font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
+                            color: Theme.overlay
+                        }
+                    }
+
+                    Row {
+                        spacing: 5
+                        Repeater {
+                            model: [sw.bg, sw.surface, sw.text, sw.accent,
+                                    sw.green, sw.yellow, sw.red]
+                            Rectangle {
+                                required property var modelData
+                                visible: modelData !== undefined && modelData !== ""
+                                width: 22; height: 22; radius: 4
+                                color: modelData ?? "transparent"
+                                border.width: 1
+                                border.color: Qt.alpha(Theme.text, 0.1)
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}