wip: desktop work
@@ -4,7 +4,7 @@
|
|||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<meta name="theme-color" content="#000000" />
|
<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>
|
<title>OpenCode</title>
|
||||||
</head>
|
</head>
|
||||||
<body class="antialiased overscroll-none select-none text-12-regular">
|
<body class="antialiased overscroll-none select-none text-12-regular">
|
||||||
|
|||||||
1
packages/desktop/public/favicon.svg
Symbolic link
@@ -0,0 +1 @@
|
|||||||
|
../../ui/src/assets/favicon/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>
|
|
||||||
|
Before Width: | Height: | Size: 377 B |
BIN
packages/ui/src/assets/favicon/apple-touch-icon.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
packages/ui/src/assets/favicon/favicon-96x96.png
Normal file
|
After Width: | Height: | Size: 681 B |
BIN
packages/ui/src/assets/favicon/favicon.ico
Normal file
|
After Width: | Height: | Size: 15 KiB |
18
packages/ui/src/assets/favicon/favicon.svg
Normal file
@@ -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>
|
||||||
|
|
||||||
|
After Width: | Height: | Size: 565 B |
21
packages/ui/src/assets/favicon/site.webmanifest
Normal file
@@ -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"
|
||||||
|
}
|
||||||
BIN
packages/ui/src/assets/favicon/web-app-manifest-192x192.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
packages/ui/src/assets/favicon/web-app-manifest-512x512.png
Normal file
|
After Width: | Height: | Size: 7.1 KiB |
19
packages/ui/src/components/favicon.tsx
Normal file
@@ -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} />
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -9,6 +9,7 @@ export * from "./diff-changes"
|
|||||||
export * from "./icon"
|
export * from "./icon"
|
||||||
export * from "./icon-button"
|
export * from "./icon-button"
|
||||||
export * from "./input"
|
export * from "./input"
|
||||||
|
export * from "./favicon"
|
||||||
export * from "./fonts"
|
export * from "./fonts"
|
||||||
export * from "./list"
|
export * from "./list"
|
||||||
export * from "./markdown"
|
export * from "./markdown"
|
||||||
|
|||||||