pwa: favicon を設定 タブがたまに迷子になるので。

Changes

7 changed files (+36/-0)

• REUSE.toml (new)
  • @@ -0,0 +1,9 @@
    + # SPDX-FileCopyrightText: 2024 Shota FUJI <pockawoooh@gmail.com> + # SPDX-License-Identifier: AGPL-3.0-only + + version = 1 + + [[annotations]] + path = "packages/assets/*" + SPDX-FileCopyrightText = "2024 Shota FUJI <pockawoooh@gmail.com>" + SPDX-License-Identifier = "AGPL-3.0-only"
• packages/assets/favicon-dark.png (new)
• packages/assets/favicon-dark.svg (new)
  • @@ -0,0 +1,1 @@
    + <svg xmlns="http://www.w3.org/2000/svg" width="101" height="101" fill="none"><rect width="100" height="100" x=".844" y=".75" fill="#EDEEF0" rx="9"/><path fill="#1C2024" d="M77.777 73.203V49.156c0-1.625-.203-2.906-.61-3.843-.374-.97-.952-1.672-1.734-2.11-.78-.437-1.75-.656-2.906-.656-1.219 0-2.25.25-3.094.75-.812.5-1.421 1.219-1.828 2.156-.406.906-.61 2-.61 3.281h-12.42c0-2.156.42-4.187 1.265-6.093a15.072 15.072 0 0 1 3.656-5.11c1.625-1.5 3.562-2.672 5.812-3.515 2.282-.844 4.813-1.266 7.594-1.266 3.344 0 6.313.563 8.906 1.688 2.594 1.124 4.641 2.906 6.141 5.343 1.5 2.438 2.25 5.61 2.25 9.516v22.969c0 2.687.14 4.937.422 6.75.312 1.78.766 3.312 1.36 4.593v.797H79.464c-.563-1.344-.985-3.031-1.266-5.062a45.397 45.397 0 0 1-.422-6.14Zm1.547-19.781.047 7.64h-4.969c-1.375 0-2.578.204-3.61.61-1.03.406-1.905.984-2.624 1.734a7.329 7.329 0 0 0-1.547 2.672c-.344 1-.516 2.078-.516 3.234 0 1.344.188 2.47.563 3.376.375.906.937 1.593 1.687 2.062.75.438 1.657.656 2.72.656 1.562 0 2.905-.328 4.03-.984 1.157-.656 2.016-1.438 2.578-2.344.594-.937.797-1.812.61-2.625l2.812 4.922c-.312 1.188-.797 2.422-1.453 3.703a17.853 17.853 0 0 1-2.484 3.563c-1 1.093-2.219 1.984-3.656 2.671-1.438.688-3.141 1.032-5.11 1.032-2.75 0-5.25-.61-7.5-1.828-2.219-1.25-3.984-2.985-5.297-5.204-1.28-2.25-1.922-4.921-1.922-8.015 0-2.563.422-4.875 1.266-6.938.844-2.093 2.078-3.859 3.703-5.297 1.656-1.468 3.75-2.609 6.281-3.421 2.532-.813 5.5-1.22 8.907-1.22h5.484ZM23.817 16.156 34.785 47.47 45.66 16.156h14.157l-18.563 43.36v24.89H28.223v-24.89L9.707 16.156h14.11Z"/></svg>
• packages/assets/favicon-light.png (new)
• packages/assets/favicon-light.svg (new)
  • @@ -0,0 +1,1 @@
    + <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="none"><rect width="100" height="100" fill="#1C2024" rx="9"/><path fill="#EDEEF0" d="M76.933 72.453V48.406c0-1.625-.203-2.906-.609-3.843-.375-.97-.953-1.672-1.734-2.11-.782-.437-1.75-.656-2.907-.656-1.218 0-2.25.25-3.093.75-.813.5-1.422 1.219-1.828 2.156-.407.906-.61 2-.61 3.281H53.73c0-2.156.422-4.187 1.266-6.093a15.072 15.072 0 0 1 3.656-5.11c1.625-1.5 3.563-2.672 5.813-3.515 2.28-.844 4.812-1.266 7.593-1.266 3.344 0 6.313.563 8.907 1.688 2.593 1.124 4.64 2.906 6.14 5.343 1.5 2.438 2.25 5.61 2.25 9.516v22.969c0 2.687.14 4.937.422 6.75.313 1.78.766 3.312 1.36 4.593v.797H78.62c-.563-1.344-.984-3.031-1.266-5.062a45.413 45.413 0 0 1-.422-6.14Zm1.547-19.781.047 7.64h-4.969c-1.375 0-2.578.204-3.609.61-1.031.406-1.906.984-2.625 1.734a7.327 7.327 0 0 0-1.547 2.672c-.344 1-.515 2.078-.515 3.234 0 1.344.187 2.47.562 3.376.375.906.938 1.593 1.688 2.062.75.438 1.656.656 2.718.656 1.563 0 2.907-.328 4.032-.984 1.156-.656 2.015-1.438 2.578-2.344.593-.937.797-1.812.61-2.625l2.812 4.922c-.313 1.188-.797 2.422-1.454 3.703a17.849 17.849 0 0 1-2.484 3.563c-1 1.093-2.219 1.984-3.656 2.671-1.438.688-3.14 1.032-5.11 1.032-2.75 0-5.25-.61-7.5-1.828-2.218-1.25-3.984-2.985-5.296-5.204-1.282-2.25-1.922-4.921-1.922-8.015 0-2.563.422-4.875 1.265-6.938.844-2.093 2.078-3.859 3.703-5.297 1.657-1.468 3.75-2.609 6.282-3.421 2.53-.813 5.5-1.22 8.906-1.22h5.484ZM22.973 15.406 33.942 46.72l10.875-31.313h14.156L40.41 58.766v24.89H27.38v-24.89L8.862 15.406h14.11Z"/></svg>
• packages/pwa/src/index.html
  • @@ -10,6 +10,30 @@ />
    <script type="module" src="./main.tsx"></script> <link rel="stylesheet" href="./styles.css" /> <title>Yamori</title> + <link + rel="icon" + type="image/svg+xml" + href="/favicon-dark.svg" + media="(prefers-color-scheme: dark)" + /> + <link + rel="icon" + type="image/png" + href="/favicon-dark.png" + media="(prefers-color-scheme: dark)" + /> + <link + rel="icon" + type="image/svg+xml" + href="/favicon-light.svg" + media="(prefers-color-scheme: light)" + /> + <link + rel="icon" + type="image/png" + href="/favicon-light.png" + media="(prefers-color-scheme: light)" + /> </head> <body></body> </html>
• packages/pwa/vite.config.ts
  • @@ -10,6 +10,7 @@ import { defineConfig } from "vite";
    export default defineConfig({ root: new URL("./src", import.meta.url).pathname, + publicDir: new URL("../assets", import.meta.url).pathname, build: { emptyOutDir: true, outDir: "../dist",