KDE: Bluish - Add splash screen theme

2026-09-27 17:36:00 -04:00 · 2022-06-13 14:59:45 -05:00
parent a182a0310b
commit 57cbf5efce
5 changed files with 111 additions and 0 deletions
@@ -0,0 +1,108 @@
+import QtQuick 2.5
+
+
+Image {
+    id: root
+    source: "images/Nordic.png"
+
+    property int stage
+
+    onStageChanged: {
+        if (stage == 1) {
+            introAnimation.running = true
+        }
+    }
+
+    Item {
+        id: content
+        anchors.fill: parent
+        opacity: 0
+        TextMetrics {
+            id: units
+            text: "M"
+            property int gridUnit: boundingRect.height
+            property int largeSpacing: units.gridUnit
+            property int smallSpacing: Math.max(2, gridUnit/4)
+        }
+
+        Image {
+            id: logo
+            //match SDDM/lockscreen avatar positioning
+            property real size: units.gridUnit * 12
+
+            anchors.centerIn: parent
+
+            source: "images/logo.png"
+
+            sourceSize.width: size
+            sourceSize.height: size
+
+            ParallelAnimation {
+                running: true
+
+                ScaleAnimator {
+                    target: logo
+                    from: 0
+                    to: 1
+                    duration: 700
+                }
+
+                SequentialAnimation {
+                    loops: Animation.Infinite
+
+                    ScaleAnimator {
+                        target: logo
+                        from: 0.97
+                        to: 1
+                        duration: 1000
+                    }
+                    ScaleAnimator {
+                        target: logo
+                        from: 1
+                        to: 0.97
+                        duration: 1000
+                    }
+                }
+            }
+        
+        }
+
+
+        Rectangle {
+            radius: 4
+            color: "#232831"
+            opacity: 0.9
+            y: parent.height - (parent.height - logo.y) / 3 - height/2
+            anchors.horizontalCenter: parent.horizontalCenter
+            height: 6
+            width: height*32
+            Rectangle {
+                radius: 3
+                anchors {
+                    left: parent.left
+                    top: parent.top
+                    bottom: parent.bottom
+                }
+                width: (parent.width / 6) * (stage - 1)
+                color: "#81a1c1"
+                Behavior on width { 
+                    PropertyAnimation {
+                        duration: 250
+                        easing.type: Easing.InOutQuad
+                    }
+                }
+            }
+        }
+
+    }
+
+    OpacityAnimator {
+        id: introAnimation
+        running: false
+        target: content
+        from: 0
+        to: 1
+        duration: 1000
+        easing.type: Easing.InOutQuad
+    }
+}
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Gravit.io -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 48 48" width="48pt" height="48pt"><path d=" M 24 47.5 C 10.9 47.5 0.3 37 0.3 24 C 0.3 11 10.9 0.5 24 0.5 C 37.1 0.5 47.7 11 47.7 24 C 47.7 37 37.1 47.5 24 47.5 Z  M 24 3.5 C 12.6 3.5 3.3 12.7 3.3 24 C 3.3 35.3 12.6 44.5 24 44.5 C 35.4 44.5 44.7 35.3 44.7 24 C 44.7 12.7 35.4 3.5 24 3.5 Z " fill="rgb(22,25,37)" fill-opacity="0.5"/><path d=" M 24.2 47.5 C 11.1 47.5 0.5 37 0.5 24 C 0.5 23.2 1.2 22.5 2 22.5 C 2.8 22.5 3.5 23.2 3.5 24 C 3.5 35.3 12.8 44.5 24.2 44.5 C 25 44.5 25.7 45.2 25.7 46 C 25.7 46.8 25 47.5 24.2 47.5 Z " fill="rgb(143,188,187)"/></svg>