From 884cbfd3a180fc997ca8b2ebe1e50c0063ec3c82 Mon Sep 17 00:00:00 2001
From: masnwilliams <43387599+masnwilliams@users.noreply.github.com>
Date: Fri, 22 May 2026 18:07:46 +0000
Subject: [PATCH 1/3] kiosk loading: replace logo pulse with slide bar

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../client/src/components/about.vue           | 37 +++++++++++++------
 .../client/src/components/connect.vue         | 37 +++++++++++++------
 2 files changed, 50 insertions(+), 24 deletions(-)

diff --git a/images/chromium-headful/client/src/components/about.vue b/images/chromium-headful/client/src/components/about.vue
index 32a51610..1611b8d1 100644
--- a/images/chromium-headful/client/src/components/about.vue
+++ b/images/chromium-headful/client/src/components/about.vue
@@ -4,6 +4,9 @@
       <div class="loading" v-if="loading">
         <div class="loader">
           <img src="../assets/images/logo.svg" alt="loading" aria-hidden="true" class="kernel-logo" />
+          <div class="loading-bar">
+            <div class="loading-bar-fill"></div>
+          </div>
         </div>
       </div>
 
@@ -73,18 +76,31 @@
         }
 
         .loader {
-          width: 90px;
-          height: 90px;
           position: relative;
           margin: 0 auto 20px auto;
           display: flex;
+          flex-direction: column;
           justify-content: center;
           align-items: center;
+          gap: 20px;
 
           .kernel-logo {
-            width: 100%;
+            width: 90px;
+            height: 90px;
+          }
+
+          .loading-bar {
+            width: 128px;
+            height: 1px;
+            background: rgba(255, 255, 255, 0.12);
+            overflow: hidden;
+          }
+
+          .loading-bar-fill {
+            width: 40%;
             height: 100%;
-            animation: kernel-logo-pulse 1.5s ease-in-out infinite;
+            background: rgba(255, 255, 255, 0.85);
+            animation: kernel-bar-slide 1.2s ease-in-out infinite;
           }
         }
       }
@@ -95,15 +111,12 @@
     }
   }
 
-  @keyframes kernel-logo-pulse {
-    0%,
-    100% {
-      transform: scale(0.85);
-      opacity: 0.7;
+  @keyframes kernel-bar-slide {
+    0% {
+      transform: translateX(-100%);
     }
-    50% {
-      transform: scale(1);
-      opacity: 1;
+    100% {
+      transform: translateX(350%);
     }
   }
 </style>
diff --git a/images/chromium-headful/client/src/components/connect.vue b/images/chromium-headful/client/src/components/connect.vue
index 43d81af1..4da7e019 100644
--- a/images/chromium-headful/client/src/components/connect.vue
+++ b/images/chromium-headful/client/src/components/connect.vue
@@ -3,6 +3,9 @@
     <div class="window">
       <div class="loader" v-if="connecting">
         <img src="../assets/images/logo.svg" alt="loading" aria-hidden="true" class="kernel-logo" />
+        <div class="loading-bar">
+          <div class="loading-bar-fill"></div>
+        </div>
       </div>
     </div>
   </div>
@@ -46,32 +49,42 @@
       }
 
       .loader {
-        width: 90px;
-        height: 90px;
         position: relative;
         margin: 0 auto;
         display: flex;
+        flex-direction: column;
         justify-content: center;
         align-items: center;
+        gap: 20px;
 
         .kernel-logo {
-          width: 100%;
+          width: 90px;
+          height: 90px;
+        }
+
+        .loading-bar {
+          width: 128px;
+          height: 1px;
+          background: rgba(255, 255, 255, 0.12);
+          overflow: hidden;
+        }
+
+        .loading-bar-fill {
+          width: 40%;
           height: 100%;
-          animation: kernel-logo-pulse 1.5s ease-in-out infinite;
+          background: rgba(255, 255, 255, 0.85);
+          animation: kernel-bar-slide 1.2s ease-in-out infinite;
         }
       }
     }
   }
 
-  @keyframes kernel-logo-pulse {
-    0%,
-    100% {
-      transform: scale(0.85);
-      opacity: 0.7;
+  @keyframes kernel-bar-slide {
+    0% {
+      transform: translateX(-100%);
     }
-    50% {
-      transform: scale(1);
-      opacity: 1;
+    100% {
+      transform: translateX(350%);
     }
   }
 </style>

From 63cef824667537f019be328612a29a79c249e8b3 Mon Sep 17 00:00:00 2001
From: masnwilliams <43387599+masnwilliams@users.noreply.github.com>
Date: Fri, 22 May 2026 18:55:03 +0000
Subject: [PATCH 2/3] kiosk loading: switch logo to white variant

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../client/src/assets/images/logo-white.svg                | 7 +++++++
 images/chromium-headful/client/src/components/about.vue    | 2 +-
 images/chromium-headful/client/src/components/connect.vue  | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 images/chromium-headful/client/src/assets/images/logo-white.svg

diff --git a/images/chromium-headful/client/src/assets/images/logo-white.svg b/images/chromium-headful/client/src/assets/images/logo-white.svg
new file mode 100644
index 00000000..3bef6743
--- /dev/null
+++ b/images/chromium-headful/client/src/assets/images/logo-white.svg
@@ -0,0 +1,7 @@
+<svg width="111" height="139" viewBox="0 0 111 139" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.1753 0C14.2672 0 16.8942 1.0976 19.0548 3.29311C21.2526 5.4514 22.3513 8.07516 22.3513 11.1637V16.5562C22.3513 17.2261 23.2035 17.5111 23.6064 16.9759L33.0244 4.46576C34.8498 2.00975 37.2898 0.576956 40.3445 0.167619C43.399 -0.27883 46.1745 0.40955 48.6703 2.23288C51.1287 4.09344 52.5627 6.54942 52.9725 9.60064C53.4195 12.6521 52.7119 15.4064 50.8493 17.8624L41.139 30.8127C40.7673 31.3084 40.767 31.9901 41.1383 32.4861L53.5871 49.1207C55.4497 51.5767 56.158 54.3303 55.711 57.3817C55.3012 60.4331 53.8666 62.8889 51.4081 64.7495C48.9122 66.5729 46.1369 67.2613 43.0823 66.8148C40.0277 66.4054 37.5876 64.9731 35.7622 62.5173L23.6057 46.4272C23.2023 45.8932 22.3513 46.1783 22.3513 46.8476V55.8186C22.3513 58.9072 21.2526 61.5496 19.0548 63.7451C16.8942 65.9034 14.2672 66.9824 11.1753 66.9824C8.08353 66.9823 5.43844 65.9034 3.24064 63.7451C1.08006 61.5496 0 58.9072 0 55.8186V11.1637C1.09248e-05 8.07514 1.08006 5.45141 3.24064 3.29311C5.43844 1.09766 8.08353 8.30491e-05 11.1753 0Z" fill="#FFFFFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M86.5918 0.55805C92.7756 0.558056 98.0468 2.73531 102.405 7.08908C106.764 11.4429 108.943 16.7083 108.943 22.8855C108.943 29.0628 106.764 34.3288 102.405 38.6826C102.248 38.8401 102.09 38.9936 101.932 39.1432C101.396 39.6518 101.299 40.4836 101.742 41.0749L107.77 49.1207C109.632 51.5767 110.34 54.3304 109.893 57.3817C109.483 60.433 108.049 62.8889 105.591 64.7495C103.095 66.5728 100.32 67.2612 97.2649 66.8148C94.2104 66.4054 91.7702 64.9731 89.9449 62.5173L82.3066 49.2127C81.9506 48.5932 81.0039 48.8456 81.0038 49.5602V55.8186C81.0038 58.9073 79.9052 61.5496 77.7073 63.7451C75.5467 65.9034 72.9204 66.9823 69.8285 66.9824C66.7366 66.9824 64.0917 65.9033 61.8938 63.7451C59.7332 61.5496 58.6525 58.9073 58.6525 55.8186V11.7218C58.6525 8.63321 59.7332 6.00945 61.8938 3.85116C64.0917 1.65578 66.7367 0.558053 69.8285 0.55805H86.5918ZM83.5283 18.1411C81.0236 18.1411 78.993 20.1716 78.993 22.6763C78.993 25.1811 81.0236 27.2116 83.5283 27.2116C86.0331 27.2116 88.0636 25.1811 88.0636 22.6763C88.0636 20.1716 86.0331 18.1411 83.5283 18.1411Z" fill="#FFFFFF"/>
+<path d="M50.2906 71.5176C53.3823 71.5177 56.0082 72.6155 58.1687 74.8107C60.3666 76.9691 61.4659 79.5927 61.4659 82.6814V127.336C61.4659 130.425 60.3666 133.067 58.1687 135.263C56.0082 137.421 53.3823 138.5 50.2906 138.5C47.1988 138.5 44.5724 137.402 42.4118 135.207L23.573 113.767C23.1483 113.284 22.3515 113.585 22.3513 114.228V127.336C22.3513 130.425 21.252 133.067 19.0541 135.263C16.8935 137.421 14.2672 138.5 11.1753 138.5C8.08347 138.5 5.43848 137.421 3.24064 135.263C1.08004 133.067 0 130.425 0 127.336V82.6814C1.09249e-05 79.5927 1.08003 76.9691 3.24064 74.8107C5.43848 72.6153 8.08346 71.5177 11.1753 71.5176C14.2671 71.5176 16.9121 72.5967 19.11 74.7549L37.8922 96.1897C38.3167 96.674 39.1146 96.3738 39.1146 95.7298V82.6814C39.1146 79.5927 40.1953 76.9691 42.3559 74.8107C44.5538 72.6154 47.1988 71.5176 50.2906 71.5176Z" fill="#FFFFFF"/>
+<path d="M76.7329 71.5176C79.8247 71.5176 82.4511 72.6154 84.6117 74.8107C86.8096 76.9691 87.9089 79.5927 87.9089 82.6814V114.219C87.909 114.99 88.5337 115.614 89.3044 115.614H99.0849C102.177 115.615 104.803 116.712 106.964 118.908C109.161 121.066 110.26 123.69 110.26 126.778C110.26 129.867 109.162 132.509 106.964 134.705C104.803 136.863 102.177 137.942 99.0849 137.942H76.7329C73.6413 137.942 70.9967 136.863 68.7989 134.705C66.6383 132.509 65.5576 129.867 65.5576 126.778V82.6814C65.5576 79.5927 66.6383 76.9691 68.7989 74.8107C70.9967 72.6155 73.6413 71.5177 76.7329 71.5176Z" fill="#FFFFFF"/>
+<path d="M101.593 71.5176C106.38 71.5176 110.26 75.3938 110.26 80.1752C110.26 84.9568 106.38 88.8329 101.593 88.8329C96.8065 88.8328 92.9266 84.9567 92.9266 80.1752C92.9267 75.3938 96.8065 71.5177 101.593 71.5176Z" fill="#FFFFFF"/>
+</svg>
diff --git a/images/chromium-headful/client/src/components/about.vue b/images/chromium-headful/client/src/components/about.vue
index 1611b8d1..277807ab 100644
--- a/images/chromium-headful/client/src/components/about.vue
+++ b/images/chromium-headful/client/src/components/about.vue
@@ -3,7 +3,7 @@
     <div class="window">
       <div class="loading" v-if="loading">
         <div class="loader">
-          <img src="../assets/images/logo.svg" alt="loading" aria-hidden="true" class="kernel-logo" />
+          <img src="../assets/images/logo-white.svg" alt="loading" aria-hidden="true" class="kernel-logo" />
           <div class="loading-bar">
             <div class="loading-bar-fill"></div>
           </div>
diff --git a/images/chromium-headful/client/src/components/connect.vue b/images/chromium-headful/client/src/components/connect.vue
index 4da7e019..a4658813 100644
--- a/images/chromium-headful/client/src/components/connect.vue
+++ b/images/chromium-headful/client/src/components/connect.vue
@@ -2,7 +2,7 @@
   <div class="connect">
     <div class="window">
       <div class="loader" v-if="connecting">
-        <img src="../assets/images/logo.svg" alt="loading" aria-hidden="true" class="kernel-logo" />
+        <img src="../assets/images/logo-white.svg" alt="loading" aria-hidden="true" class="kernel-logo" />
         <div class="loading-bar">
           <div class="loading-bar-fill"></div>
         </div>

From 8e699ca3973efaf3cf7fb28ff9799135da51b82a Mon Sep 17 00:00:00 2001
From: masnwilliams <43387599+masnwilliams@users.noreply.github.com>
Date: Fri, 22 May 2026 19:52:03 +0000
Subject: [PATCH 3/3] recolor logo.svg fills to white in place

Keeps the filename as logo.svg so the metro-api browserproxy logo
asset prefix match (img/logo.) still routes through the enterprise
HIDDEN/CUSTOM logo override logic.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../client/src/assets/images/logo-white.svg            |  7 -------
 .../chromium-headful/client/src/assets/images/logo.svg | 10 +++++-----
 .../chromium-headful/client/src/components/about.vue   |  2 +-
 .../chromium-headful/client/src/components/connect.vue |  2 +-
 4 files changed, 7 insertions(+), 14 deletions(-)
 delete mode 100644 images/chromium-headful/client/src/assets/images/logo-white.svg

diff --git a/images/chromium-headful/client/src/assets/images/logo-white.svg b/images/chromium-headful/client/src/assets/images/logo-white.svg
deleted file mode 100644
index 3bef6743..00000000
--- a/images/chromium-headful/client/src/assets/images/logo-white.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="111" height="139" viewBox="0 0 111 139" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.1753 0C14.2672 0 16.8942 1.0976 19.0548 3.29311C21.2526 5.4514 22.3513 8.07516 22.3513 11.1637V16.5562C22.3513 17.2261 23.2035 17.5111 23.6064 16.9759L33.0244 4.46576C34.8498 2.00975 37.2898 0.576956 40.3445 0.167619C43.399 -0.27883 46.1745 0.40955 48.6703 2.23288C51.1287 4.09344 52.5627 6.54942 52.9725 9.60064C53.4195 12.6521 52.7119 15.4064 50.8493 17.8624L41.139 30.8127C40.7673 31.3084 40.767 31.9901 41.1383 32.4861L53.5871 49.1207C55.4497 51.5767 56.158 54.3303 55.711 57.3817C55.3012 60.4331 53.8666 62.8889 51.4081 64.7495C48.9122 66.5729 46.1369 67.2613 43.0823 66.8148C40.0277 66.4054 37.5876 64.9731 35.7622 62.5173L23.6057 46.4272C23.2023 45.8932 22.3513 46.1783 22.3513 46.8476V55.8186C22.3513 58.9072 21.2526 61.5496 19.0548 63.7451C16.8942 65.9034 14.2672 66.9824 11.1753 66.9824C8.08353 66.9823 5.43844 65.9034 3.24064 63.7451C1.08006 61.5496 0 58.9072 0 55.8186V11.1637C1.09248e-05 8.07514 1.08006 5.45141 3.24064 3.29311C5.43844 1.09766 8.08353 8.30491e-05 11.1753 0Z" fill="#FFFFFF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M86.5918 0.55805C92.7756 0.558056 98.0468 2.73531 102.405 7.08908C106.764 11.4429 108.943 16.7083 108.943 22.8855C108.943 29.0628 106.764 34.3288 102.405 38.6826C102.248 38.8401 102.09 38.9936 101.932 39.1432C101.396 39.6518 101.299 40.4836 101.742 41.0749L107.77 49.1207C109.632 51.5767 110.34 54.3304 109.893 57.3817C109.483 60.433 108.049 62.8889 105.591 64.7495C103.095 66.5728 100.32 67.2612 97.2649 66.8148C94.2104 66.4054 91.7702 64.9731 89.9449 62.5173L82.3066 49.2127C81.9506 48.5932 81.0039 48.8456 81.0038 49.5602V55.8186C81.0038 58.9073 79.9052 61.5496 77.7073 63.7451C75.5467 65.9034 72.9204 66.9823 69.8285 66.9824C66.7366 66.9824 64.0917 65.9033 61.8938 63.7451C59.7332 61.5496 58.6525 58.9073 58.6525 55.8186V11.7218C58.6525 8.63321 59.7332 6.00945 61.8938 3.85116C64.0917 1.65578 66.7367 0.558053 69.8285 0.55805H86.5918ZM83.5283 18.1411C81.0236 18.1411 78.993 20.1716 78.993 22.6763C78.993 25.1811 81.0236 27.2116 83.5283 27.2116C86.0331 27.2116 88.0636 25.1811 88.0636 22.6763C88.0636 20.1716 86.0331 18.1411 83.5283 18.1411Z" fill="#FFFFFF"/>
-<path d="M50.2906 71.5176C53.3823 71.5177 56.0082 72.6155 58.1687 74.8107C60.3666 76.9691 61.4659 79.5927 61.4659 82.6814V127.336C61.4659 130.425 60.3666 133.067 58.1687 135.263C56.0082 137.421 53.3823 138.5 50.2906 138.5C47.1988 138.5 44.5724 137.402 42.4118 135.207L23.573 113.767C23.1483 113.284 22.3515 113.585 22.3513 114.228V127.336C22.3513 130.425 21.252 133.067 19.0541 135.263C16.8935 137.421 14.2672 138.5 11.1753 138.5C8.08347 138.5 5.43848 137.421 3.24064 135.263C1.08004 133.067 0 130.425 0 127.336V82.6814C1.09249e-05 79.5927 1.08003 76.9691 3.24064 74.8107C5.43848 72.6153 8.08346 71.5177 11.1753 71.5176C14.2671 71.5176 16.9121 72.5967 19.11 74.7549L37.8922 96.1897C38.3167 96.674 39.1146 96.3738 39.1146 95.7298V82.6814C39.1146 79.5927 40.1953 76.9691 42.3559 74.8107C44.5538 72.6154 47.1988 71.5176 50.2906 71.5176Z" fill="#FFFFFF"/>
-<path d="M76.7329 71.5176C79.8247 71.5176 82.4511 72.6154 84.6117 74.8107C86.8096 76.9691 87.9089 79.5927 87.9089 82.6814V114.219C87.909 114.99 88.5337 115.614 89.3044 115.614H99.0849C102.177 115.615 104.803 116.712 106.964 118.908C109.161 121.066 110.26 123.69 110.26 126.778C110.26 129.867 109.162 132.509 106.964 134.705C104.803 136.863 102.177 137.942 99.0849 137.942H76.7329C73.6413 137.942 70.9967 136.863 68.7989 134.705C66.6383 132.509 65.5576 129.867 65.5576 126.778V82.6814C65.5576 79.5927 66.6383 76.9691 68.7989 74.8107C70.9967 72.6155 73.6413 71.5177 76.7329 71.5176Z" fill="#FFFFFF"/>
-<path d="M101.593 71.5176C106.38 71.5176 110.26 75.3938 110.26 80.1752C110.26 84.9568 106.38 88.8329 101.593 88.8329C96.8065 88.8328 92.9266 84.9567 92.9266 80.1752C92.9267 75.3938 96.8065 71.5177 101.593 71.5176Z" fill="#FFFFFF"/>
-</svg>
diff --git a/images/chromium-headful/client/src/assets/images/logo.svg b/images/chromium-headful/client/src/assets/images/logo.svg
index db48cb98..3bef6743 100644
--- a/images/chromium-headful/client/src/assets/images/logo.svg
+++ b/images/chromium-headful/client/src/assets/images/logo.svg
@@ -1,7 +1,7 @@
 <svg width="111" height="139" viewBox="0 0 111 139" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.1753 0C14.2672 0 16.8942 1.0976 19.0548 3.29311C21.2526 5.4514 22.3513 8.07516 22.3513 11.1637V16.5562C22.3513 17.2261 23.2035 17.5111 23.6064 16.9759L33.0244 4.46576C34.8498 2.00975 37.2898 0.576956 40.3445 0.167619C43.399 -0.27883 46.1745 0.40955 48.6703 2.23288C51.1287 4.09344 52.5627 6.54942 52.9725 9.60064C53.4195 12.6521 52.7119 15.4064 50.8493 17.8624L41.139 30.8127C40.7673 31.3084 40.767 31.9901 41.1383 32.4861L53.5871 49.1207C55.4497 51.5767 56.158 54.3303 55.711 57.3817C55.3012 60.4331 53.8666 62.8889 51.4081 64.7495C48.9122 66.5729 46.1369 67.2613 43.0823 66.8148C40.0277 66.4054 37.5876 64.9731 35.7622 62.5173L23.6057 46.4272C23.2023 45.8932 22.3513 46.1783 22.3513 46.8476V55.8186C22.3513 58.9072 21.2526 61.5496 19.0548 63.7451C16.8942 65.9034 14.2672 66.9824 11.1753 66.9824C8.08353 66.9823 5.43844 65.9034 3.24064 63.7451C1.08006 61.5496 0 58.9072 0 55.8186V11.1637C1.09248e-05 8.07514 1.08006 5.45141 3.24064 3.29311C5.43844 1.09766 8.08353 8.30491e-05 11.1753 0Z" fill="#81B300"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M86.5918 0.55805C92.7756 0.558056 98.0468 2.73531 102.405 7.08908C106.764 11.4429 108.943 16.7083 108.943 22.8855C108.943 29.0628 106.764 34.3288 102.405 38.6826C102.248 38.8401 102.09 38.9936 101.932 39.1432C101.396 39.6518 101.299 40.4836 101.742 41.0749L107.77 49.1207C109.632 51.5767 110.34 54.3304 109.893 57.3817C109.483 60.433 108.049 62.8889 105.591 64.7495C103.095 66.5728 100.32 67.2612 97.2649 66.8148C94.2104 66.4054 91.7702 64.9731 89.9449 62.5173L82.3066 49.2127C81.9506 48.5932 81.0039 48.8456 81.0038 49.5602V55.8186C81.0038 58.9073 79.9052 61.5496 77.7073 63.7451C75.5467 65.9034 72.9204 66.9823 69.8285 66.9824C66.7366 66.9824 64.0917 65.9033 61.8938 63.7451C59.7332 61.5496 58.6525 58.9073 58.6525 55.8186V11.7218C58.6525 8.63321 59.7332 6.00945 61.8938 3.85116C64.0917 1.65578 66.7367 0.558053 69.8285 0.55805H86.5918ZM83.5283 18.1411C81.0236 18.1411 78.993 20.1716 78.993 22.6763C78.993 25.1811 81.0236 27.2116 83.5283 27.2116C86.0331 27.2116 88.0636 25.1811 88.0636 22.6763C88.0636 20.1716 86.0331 18.1411 83.5283 18.1411Z" fill="#81B300"/>
-<path d="M50.2906 71.5176C53.3823 71.5177 56.0082 72.6155 58.1687 74.8107C60.3666 76.9691 61.4659 79.5927 61.4659 82.6814V127.336C61.4659 130.425 60.3666 133.067 58.1687 135.263C56.0082 137.421 53.3823 138.5 50.2906 138.5C47.1988 138.5 44.5724 137.402 42.4118 135.207L23.573 113.767C23.1483 113.284 22.3515 113.585 22.3513 114.228V127.336C22.3513 130.425 21.252 133.067 19.0541 135.263C16.8935 137.421 14.2672 138.5 11.1753 138.5C8.08347 138.5 5.43848 137.421 3.24064 135.263C1.08004 133.067 0 130.425 0 127.336V82.6814C1.09249e-05 79.5927 1.08003 76.9691 3.24064 74.8107C5.43848 72.6153 8.08346 71.5177 11.1753 71.5176C14.2671 71.5176 16.9121 72.5967 19.11 74.7549L37.8922 96.1897C38.3167 96.674 39.1146 96.3738 39.1146 95.7298V82.6814C39.1146 79.5927 40.1953 76.9691 42.3559 74.8107C44.5538 72.6154 47.1988 71.5176 50.2906 71.5176Z" fill="#81B300"/>
-<path d="M76.7329 71.5176C79.8247 71.5176 82.4511 72.6154 84.6117 74.8107C86.8096 76.9691 87.9089 79.5927 87.9089 82.6814V114.219C87.909 114.99 88.5337 115.614 89.3044 115.614H99.0849C102.177 115.615 104.803 116.712 106.964 118.908C109.161 121.066 110.26 123.69 110.26 126.778C110.26 129.867 109.162 132.509 106.964 134.705C104.803 136.863 102.177 137.942 99.0849 137.942H76.7329C73.6413 137.942 70.9967 136.863 68.7989 134.705C66.6383 132.509 65.5576 129.867 65.5576 126.778V82.6814C65.5576 79.5927 66.6383 76.9691 68.7989 74.8107C70.9967 72.6155 73.6413 71.5177 76.7329 71.5176Z" fill="#81B300"/>
-<path d="M101.593 71.5176C106.38 71.5176 110.26 75.3938 110.26 80.1752C110.26 84.9568 106.38 88.8329 101.593 88.8329C96.8065 88.8328 92.9266 84.9567 92.9266 80.1752C92.9267 75.3938 96.8065 71.5177 101.593 71.5176Z" fill="#81B300"/>
+<path d="M11.1753 0C14.2672 0 16.8942 1.0976 19.0548 3.29311C21.2526 5.4514 22.3513 8.07516 22.3513 11.1637V16.5562C22.3513 17.2261 23.2035 17.5111 23.6064 16.9759L33.0244 4.46576C34.8498 2.00975 37.2898 0.576956 40.3445 0.167619C43.399 -0.27883 46.1745 0.40955 48.6703 2.23288C51.1287 4.09344 52.5627 6.54942 52.9725 9.60064C53.4195 12.6521 52.7119 15.4064 50.8493 17.8624L41.139 30.8127C40.7673 31.3084 40.767 31.9901 41.1383 32.4861L53.5871 49.1207C55.4497 51.5767 56.158 54.3303 55.711 57.3817C55.3012 60.4331 53.8666 62.8889 51.4081 64.7495C48.9122 66.5729 46.1369 67.2613 43.0823 66.8148C40.0277 66.4054 37.5876 64.9731 35.7622 62.5173L23.6057 46.4272C23.2023 45.8932 22.3513 46.1783 22.3513 46.8476V55.8186C22.3513 58.9072 21.2526 61.5496 19.0548 63.7451C16.8942 65.9034 14.2672 66.9824 11.1753 66.9824C8.08353 66.9823 5.43844 65.9034 3.24064 63.7451C1.08006 61.5496 0 58.9072 0 55.8186V11.1637C1.09248e-05 8.07514 1.08006 5.45141 3.24064 3.29311C5.43844 1.09766 8.08353 8.30491e-05 11.1753 0Z" fill="#FFFFFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M86.5918 0.55805C92.7756 0.558056 98.0468 2.73531 102.405 7.08908C106.764 11.4429 108.943 16.7083 108.943 22.8855C108.943 29.0628 106.764 34.3288 102.405 38.6826C102.248 38.8401 102.09 38.9936 101.932 39.1432C101.396 39.6518 101.299 40.4836 101.742 41.0749L107.77 49.1207C109.632 51.5767 110.34 54.3304 109.893 57.3817C109.483 60.433 108.049 62.8889 105.591 64.7495C103.095 66.5728 100.32 67.2612 97.2649 66.8148C94.2104 66.4054 91.7702 64.9731 89.9449 62.5173L82.3066 49.2127C81.9506 48.5932 81.0039 48.8456 81.0038 49.5602V55.8186C81.0038 58.9073 79.9052 61.5496 77.7073 63.7451C75.5467 65.9034 72.9204 66.9823 69.8285 66.9824C66.7366 66.9824 64.0917 65.9033 61.8938 63.7451C59.7332 61.5496 58.6525 58.9073 58.6525 55.8186V11.7218C58.6525 8.63321 59.7332 6.00945 61.8938 3.85116C64.0917 1.65578 66.7367 0.558053 69.8285 0.55805H86.5918ZM83.5283 18.1411C81.0236 18.1411 78.993 20.1716 78.993 22.6763C78.993 25.1811 81.0236 27.2116 83.5283 27.2116C86.0331 27.2116 88.0636 25.1811 88.0636 22.6763C88.0636 20.1716 86.0331 18.1411 83.5283 18.1411Z" fill="#FFFFFF"/>
+<path d="M50.2906 71.5176C53.3823 71.5177 56.0082 72.6155 58.1687 74.8107C60.3666 76.9691 61.4659 79.5927 61.4659 82.6814V127.336C61.4659 130.425 60.3666 133.067 58.1687 135.263C56.0082 137.421 53.3823 138.5 50.2906 138.5C47.1988 138.5 44.5724 137.402 42.4118 135.207L23.573 113.767C23.1483 113.284 22.3515 113.585 22.3513 114.228V127.336C22.3513 130.425 21.252 133.067 19.0541 135.263C16.8935 137.421 14.2672 138.5 11.1753 138.5C8.08347 138.5 5.43848 137.421 3.24064 135.263C1.08004 133.067 0 130.425 0 127.336V82.6814C1.09249e-05 79.5927 1.08003 76.9691 3.24064 74.8107C5.43848 72.6153 8.08346 71.5177 11.1753 71.5176C14.2671 71.5176 16.9121 72.5967 19.11 74.7549L37.8922 96.1897C38.3167 96.674 39.1146 96.3738 39.1146 95.7298V82.6814C39.1146 79.5927 40.1953 76.9691 42.3559 74.8107C44.5538 72.6154 47.1988 71.5176 50.2906 71.5176Z" fill="#FFFFFF"/>
+<path d="M76.7329 71.5176C79.8247 71.5176 82.4511 72.6154 84.6117 74.8107C86.8096 76.9691 87.9089 79.5927 87.9089 82.6814V114.219C87.909 114.99 88.5337 115.614 89.3044 115.614H99.0849C102.177 115.615 104.803 116.712 106.964 118.908C109.161 121.066 110.26 123.69 110.26 126.778C110.26 129.867 109.162 132.509 106.964 134.705C104.803 136.863 102.177 137.942 99.0849 137.942H76.7329C73.6413 137.942 70.9967 136.863 68.7989 134.705C66.6383 132.509 65.5576 129.867 65.5576 126.778V82.6814C65.5576 79.5927 66.6383 76.9691 68.7989 74.8107C70.9967 72.6155 73.6413 71.5177 76.7329 71.5176Z" fill="#FFFFFF"/>
+<path d="M101.593 71.5176C106.38 71.5176 110.26 75.3938 110.26 80.1752C110.26 84.9568 106.38 88.8329 101.593 88.8329C96.8065 88.8328 92.9266 84.9567 92.9266 80.1752C92.9267 75.3938 96.8065 71.5177 101.593 71.5176Z" fill="#FFFFFF"/>
 </svg>
diff --git a/images/chromium-headful/client/src/components/about.vue b/images/chromium-headful/client/src/components/about.vue
index 277807ab..1611b8d1 100644
--- a/images/chromium-headful/client/src/components/about.vue
+++ b/images/chromium-headful/client/src/components/about.vue
@@ -3,7 +3,7 @@
     <div class="window">
       <div class="loading" v-if="loading">
         <div class="loader">
-          <img src="../assets/images/logo-white.svg" alt="loading" aria-hidden="true" class="kernel-logo" />
+          <img src="../assets/images/logo.svg" alt="loading" aria-hidden="true" class="kernel-logo" />
           <div class="loading-bar">
             <div class="loading-bar-fill"></div>
           </div>
diff --git a/images/chromium-headful/client/src/components/connect.vue b/images/chromium-headful/client/src/components/connect.vue
index a4658813..4da7e019 100644
--- a/images/chromium-headful/client/src/components/connect.vue
+++ b/images/chromium-headful/client/src/components/connect.vue
@@ -2,7 +2,7 @@
   <div class="connect">
     <div class="window">
       <div class="loader" v-if="connecting">
-        <img src="../assets/images/logo-white.svg" alt="loading" aria-hidden="true" class="kernel-logo" />
+        <img src="../assets/images/logo.svg" alt="loading" aria-hidden="true" class="kernel-logo" />
         <div class="loading-bar">
           <div class="loading-bar-fill"></div>
         </div>