From 1c689334cb7fe4f038ed2971b0f42dc368499be7 Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Fri, 5 Jun 2026 00:33:36 +1000
Subject: [PATCH] feat: improve nexus w&s page styling

---
 modules/nexus/common/ToggleRow.qml        | 40 +++++++++++++++++++----
 modules/nexus/pages/WallpaperAndStyle.qml | 13 ++++----
 2 files changed, 40 insertions(+), 13 deletions(-)

diff --git a/modules/nexus/common/ToggleRow.qml b/modules/nexus/common/ToggleRow.qml
index 8caf35ec..d968b62e 100644
--- a/modules/nexus/common/ToggleRow.qml
+++ b/modules/nexus/common/ToggleRow.qml
@@ -7,6 +7,7 @@ import qs.services
 StyledSwitch {
     id: root
 
+    property string subtext
     property bool first
     property bool last
 
@@ -39,17 +40,42 @@ StyledSwitch {
         }
     }
 
-    contentItem: StyledText {
-        id: label
-
+    contentItem: Item {
         anchors.left: parent.left
         anchors.right: root.indicator.left
         anchors.leftMargin: Tokens.padding.large
         anchors.rightMargin: Tokens.spacing.medium
 
-        text: root.text
-        font: Tokens.font.body.small
-        elide: Text.ElideRight
-        verticalAlignment: Text.AlignVCenter
+        implicitWidth: column.implicitWidth
+        implicitHeight: column.implicitHeight
+
+        Column {
+            id: column
+
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.verticalCenter: parent.verticalCenter
+            spacing: 0
+
+            StyledText {
+                anchors.left: parent.left
+                anchors.right: parent.right
+
+                text: root.text
+                font: Tokens.font.body.small
+                elide: Text.ElideRight
+            }
+
+            StyledText {
+                anchors.left: parent.left
+                anchors.right: parent.right
+
+                visible: root.subtext
+                text: root.subtext
+                color: Colours.palette.m3onSurfaceVariant
+                font: Tokens.font.label.small
+                elide: Text.ElideRight
+            }
+        }
     }
 }
diff --git a/modules/nexus/pages/WallpaperAndStyle.qml b/modules/nexus/pages/WallpaperAndStyle.qml
index 14437385..4606265d 100644
--- a/modules/nexus/pages/WallpaperAndStyle.qml
+++ b/modules/nexus/pages/WallpaperAndStyle.qml
@@ -138,9 +138,10 @@ ColumnLayout {
         Layout.alignment: Qt.AlignHCenter
         implicitWidth: root.cappedWidth
 
-        text: qsTr("Dark theme")
-        checked: !Colours.light
-        onToggled: Colours.setMode(checked ? "dark" : "light")
+        text: qsTr("Transparency")
+        subtext: qsTr("Base %1, layers %2").arg(Colours.transparency.base).arg(Colours.transparency.layers)
+        checked: Colours.transparency.enabled
+        onToggled: GlobalConfig.appearance.transparency.enabled = checked
     }
 
     ToggleRow {
@@ -149,9 +150,9 @@ ColumnLayout {
         implicitWidth: root.cappedWidth
 
         last: true
-        text: qsTr("Transparency")
-        checked: Colours.transparency.enabled
-        onToggled: GlobalConfig.appearance.transparency.enabled = checked
+        text: qsTr("Dark theme")
+        checked: !Colours.light
+        onToggled: Colours.setMode(checked ? "dark" : "light")
     }
 
     Item {