update

src/components/TitleBar.svelte

@@ -2,6 +2,8 @@
   import { onMount } from "svelte";
   import Icon from "./Icon.svelte";
   import { launcher } from "../lib/launcher.svelte";
+  // ODIAN's own mark, the same one the window and the taskbar carry.
+  import mark from "../assets/mark.png";
 
   interface Props {
     onOpenSettings: () => void;
@@ -44,11 +46,7 @@
 
 <header class="titlebar" data-tauri-drag-region>
   <div class="brand" data-tauri-drag-region>
-    <svg class="mark" width="18" height="18" viewBox="0 0 18 18" aria-hidden="true" data-tauri-drag-region>
-      <rect x="0.5" y="0.5" width="17" height="17" fill="none" stroke="currentColor" stroke-opacity="0.45" />
-      <path d="M9 3.5L14.5 9 9 14.5 3.5 9z" fill="none" stroke="currentColor" stroke-width="1.5" />
-      <rect x="8" y="8" width="2" height="2" fill="currentColor" />
-    </svg>
+    <img class="mark" src={mark} width="18" height="18" alt="" draggable="false" data-tauri-drag-region />
     <span class="wordmark" data-tauri-drag-region>ODIAN</span>
     <span class="product" data-tauri-drag-region>Launcher</span>
   </div>
@@ -130,7 +128,9 @@
   }
 
   .mark {
-    color: var(--accent);
+    display: block;
+    border-radius: 4px;
+    user-select: none;
   }
 
   .wordmark {