expandable dialogs for color scheme, fonts and scheduling modes

Modules/Settings/Pages.qml

@@ -1,6 +1,7 @@
 import QtQuick
 import qs.Components
 import ZShell.Config
+import qs.Services
 
 Item {
 	id: root
@@ -41,6 +42,18 @@ Item {
 		objectName: "PageContainer"
 
 		Component.onCompleted: root.loadPage(root.sState.currentPageIdx)
+
+		CustomRect {
+			anchors.fill: parent
+			color: Qt.alpha(Colors.palette.m3shadow, 0.3)
+			opacity: root.sState.dimmed ? 1 : 0
+			visible: opacity > 0
+			z: 0
+
+			Behavior on opacity {
+				Anim {}
+			}
+		}
 	}
 
 	Connections {