DankBackdrop and resizing control center

Widgets/DankBackdrop.qml

@@ -0,0 +1,64 @@
+import QtQuick
+import QtQuick.Effects
+import qs.Common
+
+Item {
+    id: root
+
+    property int screenWidth: 1920
+    property int screenHeight: 1080
+
+    anchors.fill: parent
+
+    Rectangle {
+        anchors.fill: parent
+        color: Qt.darker(Theme.surface, 1.3)
+    }
+
+    Rectangle {
+        x: parent.width * 0.7
+        y: -parent.height * 0.3
+        width: parent.width * 0.8
+        height: parent.height * 1.5
+        color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.025)
+        rotation: 35
+    }
+
+    Rectangle {
+        x: parent.width * 0.85
+        y: -parent.height * 0.2
+        width: parent.width * 0.4
+        height: parent.height * 1.2
+        color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.04)
+        rotation: 35
+    }
+
+
+    Item {
+        anchors.left: parent.left
+        anchors.bottom: parent.bottom
+        anchors.leftMargin: Theme.spacingXL * 2
+        
+        readonly property real logoHeight: 6 * (Theme.fontSizeLarge * 1.2 * 1.2)
+        readonly property real widgetHeight: Math.max(20, 26 + SettingsData.topBarInnerPadding * 0.6)
+        readonly property real effectiveBarHeight: Math.max(widgetHeight + SettingsData.topBarInnerPadding + 4, Theme.barHeight - 4 - (8 - SettingsData.topBarInnerPadding))
+        readonly property real topBarExclusiveZone: SettingsData.topBarVisible && !SettingsData.topBarAutoHide ? effectiveBarHeight + SettingsData.topBarSpacing - 2 + SettingsData.topBarBottomGap : 0
+        readonly property real availableHeight: screenHeight - topBarExclusiveZone
+        anchors.bottomMargin: Math.max(Theme.spacingXL * 3, (availableHeight - logoHeight) * 0.15)
+        
+        opacity: 0.15
+        
+        StyledText {
+            text: `
+██████╗  █████╗ ███╗   ██╗██╗  ██╗
+██╔══██╗██╔══██╗████╗  ██║██║ ██╔╝
+██║  ██║███████║██╔██╗ ██║█████╔╝
+██║  ██║██╔══██║██║╚██╗██║██╔═██╗
+██████╔╝██║  ██║██║ ╚████║██║  ██╗
+╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝`
+            isMonospace: true
+            font.pixelSize: Theme.fontSizeLarge * 1.2
+            color: Theme.primary
+        }
+    }
+}