urunc-dev · 7h3-3mp7y-m4n · May 28, 2026 · May 28, 2026 · May 30, 2026
diff --git a/app.js b/app.js
@@ -5,11 +5,13 @@
     var btn = document.getElementById('themeToggle');
     var iconSun = document.getElementById('iconSun');
     var iconMoon = document.getElementById('iconMoon');
+    var logo = document.getElementById('headerLogo');
 
     function syncIcons() {
         var isLight = document.body.classList.contains('light');
         iconSun.style.display = isLight ? 'none' : '';
         iconMoon.style.display = isLight ? '' : 'none';
+        if (logo) logo.src = isLight ? './images/urunc-logo-light.svg' : './images/urunc-logo-dark.svg';
     }
     syncIcons();
 

diff --git a/images/architecture.excalidraw.png b/images/architecture.excalidraw.png
diff --git a/images/favicon-32x32.png b/images/favicon-32x32.png
diff --git a/images/favicon.ico b/images/favicon.ico
diff --git a/images/urunc-logo-dark.svg b/images/urunc-logo-dark.svg
diff --git a/images/urunc-logo-light.svg b/images/urunc-logo-light.svg
diff --git a/index.html b/index.html
@@ -4,13 +4,18 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>urunc CI Dashboard</title>
+  <link rel="icon" type="image/x-icon" href="./images/favicon.ico" />
+  <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png" />
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=DM+Sans:wght@400;500;600&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="styles.css" />
 </head>
 <body>
 
   <header>
-    <h1>urunc CI Dashboard</h1>
+    <div class="header-title">
+      <img id="headerLogo" src="./images/urunc-logo-light.svg" alt="urunc logo" class="header-logo" />
+      <h1>CI Dashboard</h1>
+    </div>  
     <button id="themeToggle" class="theme-toggle" title="Toggle theme" aria-label="Toggle theme">
       <svg id="iconSun" width="18" height="18" fill="currentColor" viewBox="0 0 16 16">
         <path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707"/>

diff --git a/styles.css b/styles.css
@@ -49,6 +49,18 @@ header {
   transition: background 0.3s ease, border-color 0.6s ease;
 }
 header h1 { font-family: 'JetBrains Mono', monospace; font-size: 30px; font-weight: 700; }
+
+.header-title {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+}
+
+.header-logo {
+  height: 50px;
+  width: auto;
+}
+
 .last-updated {
   margin-left: auto;
   font-family: 'JetBrains Mono', monospace;