feat: add themed sidebar logo

src/client/app.ts

@@ -87,6 +87,7 @@ const timelineSelection = mustGet("timeline-selection");
 const timelineBrush = mustGet("timeline-brush");
 const themeToggle = mustGet("theme-toggle");
 const themeToggleIcon = mustGet("theme-toggle-icon");
+const panelLogo = mustGet("panel-logo");
 const sidebarCollapseButton = mustGet("sidebar-collapse");
 const sidebarCollapseIcon = mustGet("sidebar-collapse-icon");
 const timelineCollapseButton = mustGet("timeline-collapse");
@@ -203,6 +204,10 @@ async function createThumbnailObjectUrl(blob) {
   return URL.createObjectURL(thumbnailBlob);
 }
 
+function setBrandLogo(theme) {
+  panelLogo.src = theme === "dark" ? "/assets/logo-dark.svg" : "/assets/logo-light.svg";
+}
+
 function setTheme(theme, persist = true) {
   const resolvedTheme = theme === "light" ? "light" : "dark";
   document.body.dataset.theme = resolvedTheme;
@@ -210,6 +215,7 @@ function setTheme(theme, persist = true) {
     localStorage.setItem("theme", resolvedTheme);
   }
   setMapTheme(resolvedTheme);
+  setBrandLogo(resolvedTheme);
 
   if (resolvedTheme === "dark") {
     themeToggle.setAttribute("aria-label", "Switch to light mode");