From 4003e1e029a63f9c71fb96e1e48b23783f197721 Mon Sep 17 00:00:00 2001
From: Sebastian Palencsar <hello@linuxcommand.dev>
Date: Wed, 20 May 2026 18:55:03 +0200
Subject: [PATCH] Use SVG app logo in UI header

---
 assets/app/bearwave.svg | 57 +++++++++++++++++++++++++++++++++++++++++
 src/qml.qrc             |  1 +
 src/qml/Main.qml        | 16 +++++++-----
 3 files changed, 67 insertions(+), 7 deletions(-)
 create mode 100755 assets/app/bearwave.svg

diff --git a/assets/app/bearwave.svg b/assets/app/bearwave.svg
new file mode 100755
index 0000000..0a91e35
--- /dev/null
+++ b/assets/app/bearwave.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="421.000000pt" height="452.000000pt" viewBox="0 0 421.000000 452.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,452.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2053 4490 c-42 -9 -59 -24 -67 -55 -4 -15 -15 -26 -29 -29 -317 -59
+-608 -156 -722 -240 -16 -12 -61 -41 -98 -65 l-68 -42 -32 20 c-61 37 -142 62
+-220 67 -43 3 -83 1 -90 -4 -7 -5 -25 -12 -42 -15 -63 -12 -125 -48 -162 -95
+-21 -25 -52 -60 -70 -77 -44 -42 -74 -137 -80 -257 -5 -83 -3 -105 17 -161
+l23 -65 -37 -66 c-91 -162 -129 -256 -119 -294 4 -17 0 -28 -16 -38 -47 -33
+-72 -134 -46 -184 23 -45 7 -99 -44 -148 -22 -21 -41 -47 -41 -56 0 -9 -7 -30
+-15 -46 -27 -53 -57 -230 -62 -370 -8 -202 39 -459 97 -532 19 -24 93 -59 154
+-73 16 -3 54 -30 84 -60 40 -39 65 -56 94 -60 21 -4 40 -10 42 -14 2 -3 -2
+-36 -11 -71 -20 -89 -3 -255 32 -289 12 -12 17 -12 40 3 33 21 45 14 45 -29 0
+-52 38 -163 83 -237 36 -62 43 -68 72 -68 36 0 45 -8 78 -71 13 -23 27 -44 33
+-46 5 -2 17 15 27 37 9 22 24 40 32 40 9 0 27 -26 43 -63 16 -34 45 -86 65
+-115 21 -28 37 -56 37 -61 0 -6 10 -17 22 -25 21 -15 23 -15 38 16 27 57 36
+52 101 -50 26 -40 52 -68 72 -76 18 -8 57 -37 87 -65 l54 -50 29 34 c27 33 57
+46 57 26 0 -6 32 -44 72 -85 69 -73 106 -93 123 -66 11 18 39 11 69 -16 56
+-53 115 -93 149 -102 20 -6 56 -24 81 -41 68 -47 93 -49 145 -9 72 54 95 68
+111 66 29 -4 57 13 104 62 47 49 89 65 98 38 8 -24 58 4 129 72 41 39 81 69
+89 68 8 -2 19 -13 25 -26 5 -12 14 -22 19 -22 5 0 35 25 67 55 32 30 66 55 77
+55 22 0 53 33 103 110 35 55 59 61 69 20 3 -14 13 -26 21 -28 19 -4 93 100
+144 202 22 44 45 82 51 84 7 1 18 -16 25 -39 8 -22 19 -41 24 -42 6 0 27 25
+48 56 30 46 43 57 65 57 24 0 35 13 89 103 52 85 63 112 68 162 9 88 14 105
+30 105 8 0 22 -11 31 -25 9 -14 20 -25 24 -25 15 0 50 123 50 174 0 28 -7 78
+-15 111 -20 83 -20 83 28 96 27 8 61 31 97 65 30 29 68 56 85 59 47 10 108 37
+132 58 27 24 65 122 90 232 15 65 18 122 17 305 0 202 -2 233 -22 300 -13 41
+-24 82 -27 92 -6 28 -37 83 -51 91 -37 21 -49 77 -38 169 7 58 -19 143 -48
+159 -16 8 -19 17 -14 40 7 38 -24 121 -98 260 l-56 107 25 67 c23 59 25 78 21
+154 -8 143 -33 200 -134 319 -49 57 -145 112 -195 112 -14 0 -29 5 -33 11 -16
+26 -190 -4 -269 -45 -48 -25 -34 -30 -255 92 -97 54 -147 77 -230 106 -85 29
+-371 101 -443 111 -42 6 -49 10 -61 40 -11 26 -23 36 -53 44 -43 12 -93 13
+-140 1z m-1455 -1261 c65 -65 72 -95 38 -169 -14 -30 -26 -61 -26 -67 0 -7
+-12 -15 -27 -18 -78 -16 -134 -38 -151 -60 -23 -29 -81 -79 -87 -74 -2 2 5 29
+15 59 11 30 19 72 20 92 0 20 5 40 10 43 6 4 31 48 57 98 49 98 79 147 92 147
+5 0 31 -23 59 -51z m3168 -61 c31 -62 61 -116 66 -119 5 -3 10 -28 12 -56 2
+-27 11 -64 20 -82 10 -18 16 -42 14 -53 -3 -19 -11 -14 -62 35 -32 32 -65 57
+-73 57 -28 0 -112 32 -125 48 -8 10 -24 43 -37 75 -20 49 -21 62 -11 87 14 34
+103 120 124 120 8 0 38 -47 72 -112z m-1512 -988 c8 -8 38 -73 66 -145 81
+-207 140 -305 211 -352 23 -15 42 -37 45 -52 3 -14 32 -123 65 -242 32 -118
+62 -237 65 -263 l7 -48 -79 -79 c-46 -46 -87 -79 -98 -79 -11 0 -93 34 -182
+76 -176 82 -174 81 -174 165 0 96 3 100 100 146 49 24 94 52 100 63 6 11 13
+64 17 118 5 88 4 99 -15 122 l-20 25 -251 0 c-221 0 -252 -2 -267 -17 -14 -14
+-17 -35 -16 -119 1 -56 4 -110 7 -119 8 -24 70 -64 134 -86 29 -11 57 -27 62
+-37 6 -9 8 -54 7 -100 l-3 -82 -35 -17 c-113 -57 -295 -138 -309 -138 -9 0
+-53 34 -99 76 -74 68 -82 79 -82 112 0 19 25 126 56 236 31 111 63 226 71 256
+12 48 20 58 54 78 22 13 54 42 71 65 37 50 123 229 168 349 21 56 40 90 54 97
+33 17 252 10 270 -9z m59 -1321 c81 -28 147 -56 147 -61 0 -10 -121 -67 -259
+-123 l-90 -36 -108 45 c-151 62 -243 106 -243 117 0 5 1 9 3 9 1 0 67 23 147
+50 191 66 211 66 403 -1z"/>
+</g>
+</svg>
diff --git a/src/qml.qrc b/src/qml.qrc
index 799c5fc..d5c1509 100644
--- a/src/qml.qrc
+++ b/src/qml.qrc
@@ -2,6 +2,7 @@
     <qresource prefix="/">
         <file alias="Main.qml">qml/Main.qml</file>
         <file alias="assets/app/bearwave.png">../assets/app/bearwave.png</file>
+        <file alias="assets/app/bearwave.svg">../assets/app/bearwave.svg</file>
         <file alias="assets/ui/globe.svg">../assets/ui/globe.svg</file>
         <file alias="assets/ui/github.svg">../assets/ui/github.svg</file>
         <file alias="assets/ui/linkedin.svg">../assets/ui/linkedin.svg</file>
diff --git a/src/qml/Main.qml b/src/qml/Main.qml
index ba29ba8..c496748 100644
--- a/src/qml/Main.qml
+++ b/src/qml/Main.qml
@@ -141,11 +141,13 @@ ApplicationWindow {
                     Layout.fillWidth: true
                     spacing: 8
 
-                    Label {
-                        text: qsTr("BearWave")
-                        color: textMain
-                        font.pixelSize: compactMode ? 18 : 22
-                        font.bold: true
+                    Image {
+                        Layout.preferredWidth: compactMode ? 88 : 112
+                        Layout.preferredHeight: compactMode ? 32 : 40
+                        source: "qrc:/assets/app/bearwave.svg"
+                        fillMode: Image.PreserveAspectFit
+                        smooth: true
+                        mipmap: true
                     }
 
                     Rectangle {
@@ -573,7 +575,7 @@ ApplicationWindow {
                     Image {
                         id: coverImage
                         anchors.fill: parent
-                        source: backend && backend.player && backend.player.currentCoverArtUrl ? backend.player.currentCoverArtUrl : "qrc:/assets/app/bearwave.png"
+                        source: backend && backend.player && backend.player.currentCoverArtUrl ? backend.player.currentCoverArtUrl : "qrc:/assets/app/bearwave.svg"
                         fillMode: backend && backend.player && backend.player.currentCoverArtUrl ? Image.PreserveAspectCrop : Image.PreserveAspectFit
                         smooth: true
                         asynchronous: true
@@ -761,7 +763,7 @@ ApplicationWindow {
                     Layout.preferredHeight: 72
                     sourceSize.width: 72
                     sourceSize.height: 72
-                    source: "qrc:/assets/app/bearwave.png"
+                    source: "qrc:/assets/app/bearwave.svg"
                     fillMode: Image.PreserveAspectFit
                     smooth: true
                 }