From 89cdfc9367fa3ddbcf55d84f2a212a3c32c7fee9 Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Fri, 8 May 2026 03:21:07 +1000
Subject: [PATCH] fix: deterministic media bg shape sizes

Also tweak opacities
---
 modules/dashboard/media/BackgroundShapes.qml | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/modules/dashboard/media/BackgroundShapes.qml b/modules/dashboard/media/BackgroundShapes.qml
index 8364b3dd..8523b9b1 100644
--- a/modules/dashboard/media/BackgroundShapes.qml
+++ b/modules/dashboard/media/BackgroundShapes.qml
@@ -17,8 +17,8 @@ Item {
     property real maxSpeed: 18
     property real minRotSpeed: -12
     property real maxRotSpeed: 12
-    property list<real> lightOpacities: [0.34, 0.34, 0.08, 0.16]
-    property list<real> darkOpacities: [0.16, 0.16, 0.05, 0.16]
+    property list<real> lightOpacities: [0.34, 0.34, 0.08, 0.2]
+    property list<real> darkOpacities: [0.16, 0.16, 0.04, 0.16]
 
     function rand(min: real, max: real): real {
         return min + Math.random() * (max - min);
@@ -73,15 +73,15 @@ Item {
         property real vr: root.rand(root.minRotSpeed, root.maxRotSpeed)
         readonly property int colourIdx: Math.floor(Math.random() * 4)
 
-        implicitSize: root.rand(root.minSize, root.maxSize)
+        implicitSize: root.minSize + (index / root.count) * (root.maxSize - root.minSize)
         shape: root.shapePool[Math.floor(Math.random() * root.shapePool.length)]
         color: [Colours.palette.m3primaryContainer, Colours.palette.m3secondaryContainer, Colours.palette.m3tertiaryContainer, Colours.palette.m3outlineVariant][colourIdx]
         opacity: Colours.light ? root.lightOpacities[colourIdx] : root.darkOpacities[colourIdx]
         rotation: root.rand(0, 360)
 
         Component.onCompleted: {
-            shapeItem.x = root.rand(-shapeItem.implicitSize / 2, root.width - shapeItem.implicitSize / 2);
-            shapeItem.y = root.rand(-shapeItem.implicitSize / 2, root.height - shapeItem.implicitSize / 2);
+            x = root.rand(0, root.width - implicitSize);
+            y = root.rand(0, root.height - implicitSize);
         }
 
         Behavior on color {