Edited Website to add new ghostty icon

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);
-}
+}

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}

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>