diff --git a/.github/assets/logo.svg b/.github/assets/logo.svg
index 90d06562e..51ee9c2fa 100644
--- a/.github/assets/logo.svg
+++ b/.github/assets/logo.svg
@@ -2,16 +2,19 @@
 	<foreignObject width="100%" height="100%">
 		<div xmlns="http://www.w3.org/1999/xhtml">
 			<style>
-
         @keyframes backdrop {
-          0%, 100% {
-            opacity: .1;
-            transform: scale(.9);
+          0%,
+          100% {
+            transform: scale(0.9);
+            opacity: 0.1;
           }
-          20%, 70% {
-            opacity: 1;
+
+          20%,
+          70% {
             transform: scale(1.1);
+            opacity: 1;
           }
+
           50% {
             transform: scale(1);
           }
@@ -28,6 +31,8 @@
 						system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial,
 						sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
           letter-spacing: -1px;
+          background: #FFFFFF;
+          border-radius: 2px;
 				}
 
         .logo {
@@ -39,23 +44,23 @@
           position: relative;
           display: block;
           margin: 20%;
-          fill: white;
+          fill: #FFFFFF;
         }
 
         .backdrop {
           position: absolute;
           width: 100%;
           height: 100%;
-          border-radius: 100%;
           background-image: linear-gradient(#1A1A1A, #5E5E5E);
+          border-radius: 100%;
           animation: backdrop infinite both 10s 1s ease-in-out;
         }
 
         h1 {
           margin: 24px 0 4px;
-          color: #1A1A1A;
-          font-size: 24px;
+          color: CanvasText;
           font-weight: bold;
+          font-size: 24px;
         }
 
         h2 {
@@ -64,10 +69,6 @@
           font-size: 14px;
         }
 
-        [data-color-mode=dark] h1 {
-          color: #E5E5E5;
-        }
-
 			</style>
 			<div class="container">
         <div class="logo">