feat: add Logo shape component (#1247)

* Logo Shape component

- Added Logo.qml component with scaling
- Updated OsIcon to use Logo component

* missed removing tour

* [CI] chore: update flake

* Colours.palette defaults

* fixed import, added logo to Fetch.qml

* single shape parent, prop changes

* prop changes

---------

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>

1 files changed, 24 insertions, 6 deletions

diff --git a/modules/bar/components/OsIcon.qml b/modules/bar/components/OsIcon.qml
index 2bc3864..a61500a 100644
--- a/modules/bar/components/OsIcon.qml
+++ b/modules/bar/components/OsIcon.qml
@@ -3,9 +3,13 @@ import qs.services
 import qs.config
 import qs.utils
 import QtQuick
+import qs.components
 
 Item {
     id: root
+    
+    implicitWidth: Appearance.font.size.large * 1.2
+    implicitHeight: Appearance.font.size.large * 1.2
 
     MouseArea {
         anchors.fill: parent
@@ -16,13 +20,27 @@ Item {
         }
     }
 
-    ColouredIcon {
+    Loader {
         anchors.centerIn: parent
-        source: SysInfo.osLogo
-        implicitSize: Appearance.font.size.large * 1.2
-        colour: Colours.palette.m3tertiary
+        sourceComponent: SysInfo.isDefaultLogo ? caelestiaLogo : distroIcon
     }
 
-    implicitWidth: Appearance.font.size.large * 1.2
-    implicitHeight: Appearance.font.size.large * 1.2
+    Component {
+        id: caelestiaLogo
+
+        Logo {
+            implicitWidth: Appearance.font.size.large * 1.8
+            implicitHeight: Appearance.font.size.large * 1.8
+        }
+    }
+
+    Component {
+        id: distroIcon
+
+        ColouredIcon {
+            source: SysInfo.osLogo
+            implicitSize: Appearance.font.size.large * 1.2
+            colour: Colours.palette.m3tertiary
+        }
+    }
 }