feat: add new big logo and update references in config and styles

Author: JulianFun123

docs/.vitepress/config.ts

@@ -14,7 +14,7 @@ export default defineConfig({
     ['meta', { name: 'theme-color', content: '#d63472' }],
   ],
   themeConfig: {
-    logo: '/logo.svg',
+    logo: '/big-logo.svg',
     siteTitle: 'StarQuery',
     nav: [
       { text: 'Guide', link: '/guide/getting-started' },
@@ -62,8 +62,8 @@ export default defineConfig({
       level: [2, 3],
     },
     footer: {
-      message: 'Tasteful data tools. Serious control.',
-      copyright: 'Copyright © StarQuery',
+      message: 'Tasteful data tools.',
+      copyright: '<a href="https://interaapps.de">InteraApps</a>',
     },
   },
 })

docs/.vitepress/theme/components/HomeHero.vue

@@ -28,7 +28,7 @@ import InstallNavButton from "./InstallNavButton.vue";
         />
       </div>
       <div
-        class="relative animate-[spin_60s_linear_infinite] select-none opacity-20 block dark:hidden"
+        class="relative animate-[spin_60s_linear_infinite] select-none opacity-20 block dark:hidden w-full"
       >
         <img
           src="/logo-part-outline-dark.svg"
@@ -44,7 +44,8 @@ import InstallNavButton from "./InstallNavButton.vue";
     </div>
 
       <div class="absolute h-full w-full flex items-center justify-center top-0">
-        <img class="w-full !max-w-100%" src="/screenshot.png" />
+        <img class="!hidden !dark:block w-full !max-w-100%" src="/screenshot.png" />
+        <img class="!block !dark:hidden w-full !max-w-100%" src="/screenshot-light.png" />
       </div>
 
 

docs/.vitepress/theme/custom.css

@@ -93,7 +93,16 @@ body {
 .VPNavBar {
   backdrop-filter: saturate(180%) blur(18px);
   background: color-mix(in srgb, var(--vp-c-bg) 78%, transparent);
-  border-bottom: 1px solid var(--vp-c-border);
+  border-bottom: 0;
+
+  .title {
+    span {
+      display: none;
+    }
+    img {
+      height: 40px;
+    }
+  }
 }
 
 .VPNavBar .content-body {