Update Readme links and add favicons

README.md

@@ -56,13 +56,13 @@ For manual installation, you can follow these steps:
 4. Choose the `Graphite` theme from your profile.
 
 ## Personalize Graphite
-Customize the Graphite theme's primary color and more without needing to fork the project by using the [Graphite Theme Patcher](https://github.com/TilmanGriesel/graphite/blob/main/extras/theme-patcher/README.md). This tool is designed for advanced users with technical expertise and experience in script and config modification. For detailed setup instructions, refer to the patcher's README.
+Customize the Graphite theme's primary color and more without needing to fork the project by using the [Graphite Theme Patcher](https://graphite.tilmangriesel.com/features/graphite-theme-patcher.html). This tool is designed for advanced users with technical expertise and experience in script and config modification. For detailed setup instructions, refer to the patcher's README.
 
 ## Theme Development Kit
-I've created token abstraction and a script to help maintain Graphite's consistency across theme variants and simplify updates. This setup can also serve as a great starting point for building your own themes in no time. [Theme Development Kit](https://github.com/TilmanGriesel/graphite/blob/main/extras/theme-patcher/README.md)
+I've created token abstraction and a script to help maintain Graphite's consistency across theme variants and simplify updates. This setup can also serve as a great starting point for building your own themes in no time. [Theme Development Kit](https://graphite.tilmangriesel.com/features/graphite-theme-development-kit.html)
 
 ## Examples
-If you're curious about the cards from my screenshot, you can [check out my examples](https://github.com/TilmanGriesel/graphite/blob/main/examples/README.md).
+If you're curious about the cards from my screenshot, you can [check out my examples](https://graphite.tilmangriesel.com/guides/card-examples.html).
 
 ## Personal note
 Hi there, I'm Tilman, nice to meet you! I'm a product designer and software engineer with a love for blending technology, art, design, and open-source projects. I live in a cozy 16th-century home that I'm gradually turning into a smarter, more connected space.

docs/.vitepress/config.mts

@@ -5,6 +5,15 @@ export default defineConfig({
   title: "Graphite Theme",
   titleTemplate: ":title",
   description: "Calm and clean theme for Home Assistant.",
+  head: [
+    ['link', { rel: 'icon', href: '/assets/favicon/favicon.ico' }],
+    ['link', { rel: "shortcut icon", href: "/assets/favicons/favicon.ico"}],
+    ['link', { rel: "apple-touch-icon", sizes: "180x180", href: "/assets/favicons/apple-touch-icon.png"}],
+    ['link', { rel: "icon", type: "image/png", sizes: "96x96", href: "/assets/favicons/favicon-96x96.png"}],
+    ['link', { rel: "icon", type: "image/png", sizes: "192x192", href: "/assets/favicons/favicon-192x192.png"}],
+    ['link', { rel: "icon", type: "image/png", sizes: "512x512", href: "/assets/favicons/favicon-512x512.png"}],
+    ['link', { rel: "manifest", href: "/assets/favicons/site.webmanifest"}],
+  ],
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
     nav: [

docs/public/assets/favicons/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "Graphite Home Assistant Theme",
+  "short_name": "Graphite Theme",
+  "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"
+}