docs: Update dark theme logo. (#1412)

docs/.vitepress/config.mts

@@ -33,6 +33,15 @@ const config: UserConfig = {
       {
         rel: "icon",
         href: "/gpui-component/logo.svg",
+        media: "(prefers-color-scheme: light)",
+      },
+    ],
+    [
+      "link",
+      {
+        rel: "icon",
+        href: "/gpui-component/logo-dark.svg",
+        media: "(prefers-color-scheme: dark)",
       },
     ],
   ],
@@ -40,7 +49,14 @@ const config: UserConfig = {
     plugins: [llmstxt(), tailwindcss()],
   },
   themeConfig: {
-    logo: "/logo.svg",
+    logo: {
+      light: "/logo.svg",
+      dark: "/logo-dark.svg",
+    },
+    footer: {
+      message:
+        "GPUI Component is an open source project under the Apache-2.0 License, developed by <a href='https://longbridge.com' target='_blank'>Longbridge</a>.",
+    },
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       { text: "Home", link: "/" },

docs/.vitepress/theme/style.css

@@ -41,7 +41,7 @@
   --sidebar-ring: oklch(0.708 0 0);
 
   --vp-c-bg: var(--background);
-  --vp-c-bg-alt: var(--secondary);
+  --vp-c-bg-alt: var(--secondary/75);
   --vp-c-bg-elv: var(--popover);
   --vp-c-bg-soft: var(--secondary);
 
@@ -95,11 +95,11 @@
 
 .vp-doc {
   [class*="language-"] pre {
-    @apply rounded-md py-3 text-base font-mono;
+    @apply rounded-md py-5 text-base font-mono;
   }
 
   [class*="language-"] pre code {
-    @apply px-3;
+    @apply px-5;
   }
 
   [class*="language-"] > button.copy {

docs/public/logo-dark.svg

@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<svg
+    width="22px"
+    height="21px"
+    viewBox="0 0 22 21"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+    <title>gpui-component</title>
+    <g
+        id="Page-1"
+        stroke="none"
+        stroke-width="1"
+        fill="none"
+        fill-rule="evenodd"
+    >
+        <g
+            id="gpui-component"
+            transform="translate(11.394059, 10.636736) rotate(-180.000000) translate(-11.394059, -10.636736) translate(2.257359, 2.000000)"
+        >
+            <rect
+                id="Rectangle"
+                fill="#FFFFFF"
+                x="9.27339927"
+                y="0"
+                width="9"
+                height="6"
+                rx="1"
+            />
+            <rect
+                id="Rectangle"
+                stroke="#FFFFFF"
+                stroke-width="1.65"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                x="9.27339927"
+                y="9"
+                width="9"
+                height="8"
+            />
+            <rect
+                id="Rectangle-Copy"
+                stroke="#FFFFFF"
+                stroke-width="1.65"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                x="9.27339927"
+                y="9"
+                width="9"
+                height="8"
+            />
+            <rect
+                id="Rectangle"
+                stroke="#FFFFFF"
+                stroke-width="1.65"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                x="0.273399268"
+                y="0.5"
+                width="6"
+                height="8"
+            />
+            <rect
+                id="Rectangle"
+                stroke="#FFFFFF"
+                stroke-width="1.65"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                transform="translate(3.424871, 14.141421) rotate(-210.000000) translate(-3.424871, -14.141421) "
+                x="0.624871131"
+                y="12.1414214"
+                width="5.6"
+                height="4"
+                rx="2"
+            />
+        </g>
+    </g>
+</svg>