diff --git a/.github/images/logo.svg b/.github/images/logo-auto.svg
similarity index 76%
rename from .github/images/logo.svg
rename to .github/images/logo-auto.svg
index 95dc7b5a..15c6fd43 100644
--- a/.github/images/logo.svg
+++ b/.github/images/logo-auto.svg
@@ -2,6 +2,7 @@
   
   <style>
     .tile { stroke: #222222 }
+    .tile-bg { stroke: white }
     .three { stroke: #60869f }
     .eight { stroke: #a32121 }
     .eight-eight-join { fill: #690505 }
@@ -9,6 +10,7 @@
     .three-three-join { fill: #244662 }
     @media (prefers-color-scheme: dark) {
       .tile { stroke: #ffffff }
+      .tile-bg { stroke: black }
       .three { stroke: #60869f }
       .eight { stroke: #a32121 }
       .eight-eight-join { fill: #d94d53 }
@@ -17,8 +19,31 @@
     }
   </style>
 
+  <!-- TILE BACKGROUND -->
+  <g>
+    <line x1="38.5" y1="145.5" x2="379.5" y2="145.5" 
+      stroke-width="85" stroke-linecap="round" class="tile-bg" />
+    <line x1="209" y1="145.5" x2="209" y2="656.5" 
+      stroke-width="85" stroke-linecap="round" class="tile-bg" />
+    <line x1="553.5" y1="145.5" x2="553.5" y2="656.5" 
+      stroke-width="85" stroke-linecap="round" class="tile-bg" />
+    <line x1="743" y1="656.5" x2="1046" y2="656.5" 
+      stroke-width="85" stroke-linecap="round" class="tile-bg" />
+    <line x1="743" y1="145.5" x2="743" y2="656.5" 
+      stroke-width="85" stroke-linecap="round" class="tile-bg" />
+    <line x1="1191.5" y1="145.5" x2="1494.5" y2="145.5" 
+      stroke-width="85" stroke-linecap="round" class="tile-bg" />
+    <line x1="1191.5" y1="401" x2="1453.5" y2="401" 
+      stroke-width="85" stroke-linecap="round" class="tile-bg" />
+    <line x1="1191.5" y1="656.5" x2="1494.5" y2="656.5" 
+      stroke-width="85" stroke-linecap="round" class="tile-bg" />
+    <line x1="1191.5" y1="145.5" x2="1191.5" y2="656.5" 
+      stroke-width="85" stroke-linecap="round" class="tile-bg" />
+  </g>
+
+
   <!-- TILE -->
-  <g class="tile">
+  <g>
     <line x1="38.5" y1="145.5" x2="379.5" y2="145.5" 
       stroke-width="76" stroke-linecap="round" class="tile" />
     <line x1="209" y1="145.5" x2="209" y2="656.5" 
diff --git a/README.md b/README.md
index 2adb16ef..40cfa7e6 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://tile38.com"><img 
-    src="/.github/images/logo.svg" 
+    src="/.github/images/logo-auto.svg" 
     width="284" border="0" alt="Tile38"></a>
 </p>
 <p align="center">