diff --git a/upend.png b/media/upend.png
similarity index 100%
rename from upend.png
rename to media/upend.png
diff --git a/media/upend.svg b/media/upend.svg
new file mode 100644
index 0000000..ac026ae
--- /dev/null
+++ b/media/upend.svg
@@ -0,0 +1,18 @@
+<svg style="fill:none" width="255" height="255" xmlns="http://www.w3.org/2000/svg">
+    <style>
+        path {
+            fill:none;
+            stroke:#0a0a0a;
+            stroke-width:15px;
+            stroke-linecap:round;
+            stroke-linejoin:round
+        }
+
+        @media (prefers-color-scheme: dark) {
+            path {
+                stroke: white;
+            }
+        }
+    </style>
+    <path d="M7.5 7.5v0h240m-120 0v0l-120 120m240 0v0l-120-120m0 240v0-240" />
+</svg>
\ No newline at end of file
diff --git a/ui/public/assets/upend.svg b/ui/public/assets/upend.svg
index 8ce02a7..ac026ae 100644
--- a/ui/public/assets/upend.svg
+++ b/ui/public/assets/upend.svg
@@ -1 +1,18 @@
-<svg style="fill:none" width="255" height="255" xmlns="http://www.w3.org/2000/svg"><path style="fill:none;stroke:#0a0a0a;stroke-width:15px;stroke-linecap:round;stroke-linejoin:round" d="M7.5 7.5v0h240m-120 0v0l-120 120m240 0v0l-120-120m0 240v0-240"/></svg>
\ No newline at end of file
+<svg style="fill:none" width="255" height="255" xmlns="http://www.w3.org/2000/svg">
+    <style>
+        path {
+            fill:none;
+            stroke:#0a0a0a;
+            stroke-width:15px;
+            stroke-linecap:round;
+            stroke-linejoin:round
+        }
+
+        @media (prefers-color-scheme: dark) {
+            path {
+                stroke: white;
+            }
+        }
+    </style>
+    <path d="M7.5 7.5v0h240m-120 0v0l-120 120m240 0v0l-120-120m0 240v0-240" />
+</svg>
\ No newline at end of file
diff --git a/ui/public/favicon.png b/ui/public/favicon.png
deleted file mode 100644
index 78b0b55..0000000
Binary files a/ui/public/favicon.png and /dev/null differ
diff --git a/ui/public/index.html b/ui/public/index.html
index b1819a9..ab21e41 100644
--- a/ui/public/index.html
+++ b/ui/public/index.html
@@ -1,19 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
 
-	<head>
-		<meta charset='utf-8'>
-		<meta name='viewport' content='width=device-width,initial-scale=1'>
+    <title>UpEnd</title>
 
-		<title>UpEnd</title>
+    <link rel="icon" type="image/png" href="/assets/upend.svg" />
+    <link rel="stylesheet" href="/build/bundle.css" />
 
-		<link rel='icon' type='image/png' href='/favicon.png'>
-		<link rel='stylesheet' href='/build/bundle.css'>
+    <script defer src="/build/bundle.js"></script>
+  </head>
 
-		<script defer src='/build/bundle.js'></script>
-	</head>
-
-	<body>
-	</body>
-
-</html>
\ No newline at end of file
+  <body></body>
+</html>
diff --git a/ui/src/layout/Header.svelte b/ui/src/layout/Header.svelte
index 9c242df..b4d8cae 100644
--- a/ui/src/layout/Header.svelte
+++ b/ui/src/layout/Header.svelte
@@ -53,10 +53,6 @@
     .logo {
       display: inline-block;
       height: 1.5em;
-
-      @media (prefers-color-scheme: dark) {
-        filter: invert(1);
-      }
     }
 
     sl-input {
