diff --git a/website/app/globals.css b/website/app/globals.css
index 805c714e6..adf126e26 100644
--- a/website/app/globals.css
+++ b/website/app/globals.css
@@ -10,11 +10,11 @@
 @media (prefers-color-scheme: dark) {
   :root {
     --foreground-rgb: 255, 255, 255;
-    --background-rgb: #F7F7F7;
+    --background-rgb: #0e1324;
   }
 }
 
 body {
   color: rgb(var(--foreground-rgb));
   background-color: var(--background-rgb);
-}
+}
\ No newline at end of file
diff --git a/website/app/page.tsx b/website/app/page.tsx
index 21a1ade5e..c0f86a03a 100644
--- a/website/app/page.tsx
+++ b/website/app/page.tsx
@@ -8,7 +8,7 @@ export default function Home() {
       <div className="relative flex place-items-center before:absolute before:h-[300px] before:w-[480px] before:-translate-x-1/2 before:rounded-full after:absolute after:-z-20 after:h-[180px] after:w-[240px] after:translate-x-1/3 after:content-[''] before:lg:h-[360px] z-[-1]">
         <p className="text-9xl">
           <Image
-            src="/icon-gs.png"
+            src="/icon-new.png"
             alt="Ghostty Icon"
             width={250}
             height={250}
diff --git a/website/app/vt/layout.tsx b/website/app/vt/layout.tsx
index 21440119f..62ce94a70 100644
--- a/website/app/vt/layout.tsx
+++ b/website/app/vt/layout.tsx
@@ -7,7 +7,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
     <div className="max-w-[850px] justify-center ml-auto mr-auto">
       <div className="mt-4 mb-4">
         <Link href="/">
-          <Image src="/icon-gs.png" width={50} height={50} alt="Ghostty Logo" />
+          <Image src="/icon-new.png" width={50} height={50} alt="Ghostty Logo" />
         </Link>
       </div>
 
diff --git a/website/public/icon-new.png b/website/public/icon-new.png
new file mode 100644
index 000000000..b51b8d7dc
Binary files /dev/null and b/website/public/icon-new.png differ