From b4e6f128d7104c74de4f57fd1ebe6051e65b52f3 Mon Sep 17 00:00:00 2001
From: Adam <2363879+adamdotdevin@users.noreply.github.com>
Date: Tue, 25 Nov 2025 10:45:13 -0600
Subject: fix: favicons across all web properties

---
 .../ui/src/assets/favicon/apple-touch-icon.png     | Bin 1520 -> 1541 bytes
 packages/ui/src/assets/favicon/favicon-96x96.png   | Bin 681 -> 536 bytes
 packages/ui/src/assets/favicon/favicon.ico         | Bin 15086 -> 15086 bytes
 packages/ui/src/assets/favicon/favicon.svg         |  25 ++++--------
 packages/ui/src/assets/favicon/site.webmanifest    |   1 +
 .../assets/favicon/web-app-manifest-192x192.png    | Bin 1667 -> 1601 bytes
 .../assets/favicon/web-app-manifest-512x512.png    | Bin 7299 -> 7194 bytes
 packages/ui/src/components/favicon.tsx             |  15 +++----
 packages/ui/src/components/font.tsx                |  44 +++++++++++++++++++++
 packages/ui/src/components/fonts.tsx               |  44 ---------------------
 packages/ui/src/demo.tsx                           |   4 +-
 11 files changed, 59 insertions(+), 74 deletions(-)
 create mode 100644 packages/ui/src/components/font.tsx
 delete mode 100644 packages/ui/src/components/fonts.tsx

(limited to 'packages/ui/src')

diff --git a/packages/ui/src/assets/favicon/apple-touch-icon.png b/packages/ui/src/assets/favicon/apple-touch-icon.png
index 13d79dbec..70fd01b0e 100644
Binary files a/packages/ui/src/assets/favicon/apple-touch-icon.png and b/packages/ui/src/assets/favicon/apple-touch-icon.png differ
diff --git a/packages/ui/src/assets/favicon/favicon-96x96.png b/packages/ui/src/assets/favicon/favicon-96x96.png
index c9d3cbf0e..15266d28f 100644
Binary files a/packages/ui/src/assets/favicon/favicon-96x96.png and b/packages/ui/src/assets/favicon/favicon-96x96.png differ
diff --git a/packages/ui/src/assets/favicon/favicon.ico b/packages/ui/src/assets/favicon/favicon.ico
index a7b497fb9..34ca0b9c0 100644
Binary files a/packages/ui/src/assets/favicon/favicon.ico and b/packages/ui/src/assets/favicon/favicon.ico differ
diff --git a/packages/ui/src/assets/favicon/favicon.svg b/packages/ui/src/assets/favicon/favicon.svg
index ffb5f7298..157edc4d7 100644
--- a/packages/ui/src/assets/favicon/favicon.svg
+++ b/packages/ui/src/assets/favicon/favicon.svg
@@ -1,18 +1,7 @@
-<svg width='300' height='300' viewBox='0 0 300 300' fill='none' xmlns='http://www.w3.org/2000/svg'>
-  <style>
-    /* Light mode colors (default) */
-    .inner-square { fill: #CFCECD; }
-    .outer-path { fill: #211E1E; }
-
-    /* Dark mode colors */
-    @media (prefers-color-scheme: dark) {
-    .inner-square { fill: #4B4646; }
-    .outer-path { fill: #F1ECEC; }
-    }
-  </style>
-  <g>
-    <path class="inner-square" d='M194 215.5H106V127.5H194V215.5Z' />
-    <path class="outer-path" d='M194 83.5H106V215.5H194V83.5ZM238 259.5H62V39.5H238V259.5Z' />
-  </g>
-</svg>
-
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="512" height="512" fill="#131010"></rect>
+<path d="M320 224V352H192V224H320Z" fill="#5A5858"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M384 416H128V96H384V416ZM320 160H192V352H320V160Z" fill="white"></path>
+</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>
\ No newline at end of file
diff --git a/packages/ui/src/assets/favicon/site.webmanifest b/packages/ui/src/assets/favicon/site.webmanifest
index 41290e840..e2eabbe4c 100644
--- a/packages/ui/src/assets/favicon/site.webmanifest
+++ b/packages/ui/src/assets/favicon/site.webmanifest
@@ -19,3 +19,4 @@
   "background_color": "#ffffff",
   "display": "standalone"
 }
+
diff --git a/packages/ui/src/assets/favicon/web-app-manifest-192x192.png b/packages/ui/src/assets/favicon/web-app-manifest-192x192.png
index ca53fa8da..e63775549 100644
Binary files a/packages/ui/src/assets/favicon/web-app-manifest-192x192.png and b/packages/ui/src/assets/favicon/web-app-manifest-192x192.png differ
diff --git a/packages/ui/src/assets/favicon/web-app-manifest-512x512.png b/packages/ui/src/assets/favicon/web-app-manifest-512x512.png
index 91b4eb33f..f6f0cf514 100644
Binary files a/packages/ui/src/assets/favicon/web-app-manifest-512x512.png and b/packages/ui/src/assets/favicon/web-app-manifest-512x512.png differ
diff --git a/packages/ui/src/components/favicon.tsx b/packages/ui/src/components/favicon.tsx
index de32ed2af..dec18f1ad 100644
--- a/packages/ui/src/components/favicon.tsx
+++ b/packages/ui/src/components/favicon.tsx
@@ -1,19 +1,14 @@
 import { Link, Meta } from "@solidjs/meta"
-import favicon96 from "../assets/favicon/favicon-96x96.png"
-import faviconSvg from "../assets/favicon/favicon.svg"
-import faviconIco from "../assets/favicon/favicon.ico"
-import appleTouchIcon from "../assets/favicon/apple-touch-icon.png"
-import siteWebmanifest from "../assets/favicon/site.webmanifest"
 
 export const Favicon = () => {
   return (
     <>
-      <Link rel="icon" type="image/svg+xml" href={faviconSvg} />
-      <Link rel="icon" type="image/png" href={favicon96} sizes="96x96" />
-      <Link rel="shortcut icon" href={faviconIco} />
-      <Link rel="apple-touch-icon" sizes="180x180" href={appleTouchIcon} />
+      <Link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+      <Link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+      <Link rel="shortcut icon" href="/favicon.ico" />
+      <Link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+      <Link rel="manifest" href="/site.webmanifest" />
       <Meta name="apple-mobile-web-app-title" content="OpenCode" />
-      <Link rel="manifest" href={siteWebmanifest} />
     </>
   )
 }
diff --git a/packages/ui/src/components/font.tsx b/packages/ui/src/components/font.tsx
new file mode 100644
index 000000000..de2991096
--- /dev/null
+++ b/packages/ui/src/components/font.tsx
@@ -0,0 +1,44 @@
+import { Style, Link } from "@solidjs/meta"
+import geist from "../assets/fonts/geist.woff2"
+import tx02 from "../assets/fonts/tx-02.woff2"
+
+export const Font = () => {
+  return (
+    <>
+      <Style>{`
+        @font-face {
+          font-family: "Geist";
+          src: url("${geist}") format("woff2-variations");
+          font-display: swap;
+          font-style: normal;
+          font-weight: 100 900;
+        }
+        @font-face {
+          font-family: "Geist Fallback";
+          src: local("Arial");
+          size-adjust: 100%;
+          ascent-override: 97%;
+          descent-override: 25%;
+          line-gap-override: 1%;
+        }
+        @font-face {
+          font-family: "Berkeley Mono";
+          src: url("${tx02}") format("woff2-variations");
+          font-display: swap;
+          font-style: normal;
+          font-weight: 400 700;
+        }
+        @font-face {
+          font-family: "Berkeley Mono Fallback";
+          src: local("Courier New");
+          size-adjust: 100%;
+          ascent-override: 97%;
+          descent-override: 25%;
+          line-gap-override: 1%;
+        }
+      `}</Style>
+      <Link rel="preload" href={geist} as="font" type="font/woff2" crossorigin="anonymous" />
+      <Link rel="preload" href={tx02} as="font" type="font/woff2" crossorigin="anonymous" />
+    </>
+  )
+}
diff --git a/packages/ui/src/components/fonts.tsx b/packages/ui/src/components/fonts.tsx
deleted file mode 100644
index 0b28e8f3c..000000000
--- a/packages/ui/src/components/fonts.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Style, Link } from "@solidjs/meta"
-import geist from "../assets/fonts/geist.woff2"
-import tx02 from "../assets/fonts/tx-02.woff2"
-
-export const Fonts = () => {
-  return (
-    <>
-      <Style>{`
-        @font-face {
-          font-family: "Geist";
-          src: url("${geist}") format("woff2-variations");
-          font-display: swap;
-          font-style: normal;
-          font-weight: 100 900;
-        }
-        @font-face {
-          font-family: "Geist Fallback";
-          src: local("Arial");
-          size-adjust: 100%;
-          ascent-override: 97%;
-          descent-override: 25%;
-          line-gap-override: 1%;
-        }
-        @font-face {
-          font-family: "Berkeley Mono";
-          src: url("${tx02}") format("woff2-variations");
-          font-display: swap;
-          font-style: normal;
-          font-weight: 400 700;
-        }
-        @font-face {
-          font-family: "Berkeley Mono Fallback";
-          src: local("Courier New");
-          size-adjust: 100%;
-          ascent-override: 97%;
-          descent-override: 25%;
-          line-gap-override: 1%;
-        }
-      `}</Style>
-      <Link rel="preload" href={geist} as="font" type="font/woff2" crossorigin="anonymous" />
-      <Link rel="preload" href={tx02} as="font" type="font/woff2" crossorigin="anonymous" />
-    </>
-  )
-}
diff --git a/packages/ui/src/demo.tsx b/packages/ui/src/demo.tsx
index 196746ed5..6081f0894 100644
--- a/packages/ui/src/demo.tsx
+++ b/packages/ui/src/demo.tsx
@@ -3,7 +3,7 @@ import { createSignal } from "solid-js"
 import "./index.css"
 import { Button } from "./components/button"
 import { Select } from "./components/select"
-import { Fonts } from "./components/fonts"
+import { Font } from "./components/font"
 import { Accordion } from "./components/accordion"
 import { Tabs } from "./components/tabs"
 import { Tooltip } from "./components/tooltip"
@@ -279,7 +279,7 @@ const Demo: Component = () => {
 
   return (
     <>
-      <Fonts />
+      <Font />
       <main>
         <Content />
         <Content dark />
-- 
cgit v1.2.3