favicon

Author: J-C-Q

docs/src/.vitepress/config.mts

@@ -12,7 +12,10 @@ export default defineConfig({
   cleanUrls: true,
   outDir: 'REPLACE_ME_DOCUMENTER_VITEPRESS', // This is required for MarkdownVitepress to work correctly...
   head: [
-    ["link", { rel: "icon", href: "/assets/favicon.ico" }],
+    ["link", { rel: "icon", type: "image/png", href: "/assets/favicon-96x96.png", size: "96x96" }],
+    ["link", { rel: "icon", type: "image/svg+xml", href: "/assets/favicon.svg"}],
+    ["link", { rel: "shortcut icon", href: "/assets/favicon.ico"}],
+    ["link", { rel: "apple-touch-icon", href: "/assets/apple-touch-icon.png", size: "180x180" }],
     // ['link', { rel: 'icon', href: 'REPLACE_ME_DOCUMENTER_VITEPRESS_FAVICON' }]
 ],
   ignoreDeadLinks: true,
@@ -30,7 +33,7 @@ export default defineConfig({
   },
   themeConfig: {
     outline: 'deep',
-    logo: 'REPLACE_ME_DOCUMENTER_VITEPRESS',
+    // logo: 'REPLACE_ME_DOCUMENTER_VITEPRESS',
     search: {
       provider: 'local',
       options: {
@@ -45,7 +48,7 @@ export default defineConfig({
     ],
     footer: {
       message: 'Made with <a href="https://luxdl.github.io/DocumenterVitepress.jl/dev/" target="_blank"><strong>DocumenterVitepress.jl</strong></a><br>',
-      copyright: `© Copyright ${new Date().getUTCFullYear()}.`
+      copyright: `© Copyright ${new Date().getUTCFullYear()} Quinten Preiß.`
     }
   }
 })

docs/src/.vitepress/theme/style.css

@@ -76,8 +76,8 @@ https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/var
   --vp-home-hero-name-color: transparent;
 --vp-home-hero-name-background: -webkit-linear-gradient(
     120deg,
-    #9558b259 10%,
-        #9558B2);
+    #9558B2 10%,
+        #CB3C33);
         /* --vp-home-hero-name-background: #9558B2; */
 
 /* --vp-home-hero-image-background-image: linear-gradient(

docs/src/assets/apple-touch-icon.png

@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "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"
+}