wip: desktop work

2025-12-20 17:24:22 +01:00 · 2025-10-31 06:36:26 -05:00
parent dafb63cfb3
commit 543eee78a6
12 changed files with 61 additions and 6 deletions
--- a/packages/desktop/index.html
+++ b/packages/desktop/index.html
@@ -4,7 +4,7 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
-    <link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.svg" />
+    <link rel="shortcut icon" type="image/svg+xml" href="/favicon.svg" />
    <title>OpenCode</title>
  </head>
  <body class="antialiased overscroll-none select-none text-12-regular">
--- a/packages/desktop/public/favicon.svg
+++ b/packages/desktop/public/favicon.svg
@@ -0,0 +1 @@
+../../ui/src/assets/favicon/favicon.svg
--- a/packages/desktop/src/assets/favicon.svg
+++ b/packages/desktop/src/assets/favicon.svg
@@ -1,5 +0,0 @@
-<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="600" height="600" fill="black"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M115 180H300V420H115V180ZM253.75 229.044H161.25V370.405H253.75V229.044Z" fill="white"/>
-<path d="M346.25 180H485V229.044H392.5V370.405H485V419.449H346.25V180Z" fill="white"/>
-</svg>
--- a/packages/ui/src/assets/favicon/apple-touch-icon.png
+++ b/packages/ui/src/assets/favicon/apple-touch-icon.png
--- a/packages/ui/src/assets/favicon/favicon-96x96.png
+++ b/packages/ui/src/assets/favicon/favicon-96x96.png
--- a/packages/ui/src/assets/favicon/favicon.ico
+++ b/packages/ui/src/assets/favicon/favicon.ico
--- a/packages/ui/src/assets/favicon/favicon.svg
+++ b/packages/ui/src/assets/favicon/favicon.svg
@@ -0,0 +1,18 @@
+<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>
+
--- a/packages/ui/src/assets/favicon/site.webmanifest
+++ b/packages/ui/src/assets/favicon/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "OpenCode",
+  "short_name": "OpenCode",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
--- a/packages/ui/src/assets/favicon/web-app-manifest-192x192.png
+++ b/packages/ui/src/assets/favicon/web-app-manifest-192x192.png
--- a/packages/ui/src/assets/favicon/web-app-manifest-512x512.png
+++ b/packages/ui/src/assets/favicon/web-app-manifest-512x512.png
--- a/packages/ui/src/components/favicon.tsx
+++ b/packages/ui/src/components/favicon.tsx
@@ -0,0 +1,19 @@
+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} />
+      <Meta name="apple-mobile-web-app-title" content="OpenCode" />
+      <Link rel="manifest" href={siteWebmanifest} />
+    </>
+  )
+}
--- a/packages/ui/src/components/index.ts
+++ b/packages/ui/src/components/index.ts
@@ -9,6 +9,7 @@ export * from "./diff-changes"
 export * from "./icon"
 export * from "./icon-button"
 export * from "./input"
+export * from "./favicon"
 export * from "./fonts"
 export * from "./list"
 export * from "./markdown"