diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index a041a86..4759541 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -2,29 +2,33 @@ import { defineConfig } from "vitepress";
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
-  title: "Octo-Logo",
-  description:
-    "A simple program that generates a logo for your open source project",
-  srcDir: "src",
-  themeConfig: {
-    // https://vitepress.dev/reference/default-theme-config
-    nav: [
-      { text: "Home", link: "/" },
-      { text: "Getting Started", link: "/getting-started" },
-    ],
-
-    sidebar: [
-      {
-        text: "Examples",
-        items: [
-          { text: "Markdown Examples", link: "/markdown-examples" },
-          { text: "Runtime API Examples", link: "/api-examples" },
+    title: "Octo-Logo",
+    description:
+        "A simple program that generates a logo for your open source project",
+    srcDir: "src",
+    themeConfig: {
+        // https://vitepress.dev/reference/default-theme-config
+        nav: [
+            { text: "Home", link: "/" },
+            { text: "Getting Started", link: "/getting-started" },
         ],
-      },
-    ],
-
-    socialLinks: [
-      { icon: "github", link: "https://github.com/SkwalExe/octo-logo" },
-    ],
-  },
+        search: {
+            provider: "local",
+        },
+        editLink: {
+            pattern: "https://github.com/skwalexe/octo-logo/edit/main/docs/src/:path",
+        },
+        sidebar: [
+            {
+                text: "Examples",
+                items: [
+                    { text: "Markdown Examples", link: "/markdown-examples" },
+                    { text: "Runtime API Examples", link: "/api-examples" },
+                ],
+            },
+        ],
+        socialLinks: [
+            { icon: "github", link: "https://github.com/SkwalExe/octo-logo" },
+        ],
+    },
 });
diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
new file mode 100644
index 0000000..6ff645f
--- /dev/null
+++ b/docs/.vitepress/theme/custom.css
@@ -0,0 +1,6 @@
+:root {
+  --vp-c-brand-1: #ee8483;
+  --vp-c-brand-2: #e75351;
+  --vp-c-brand-3: #ee8483;
+  --vp-c-brand-soft: #f5b5b4;
+}
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
new file mode 100644
index 0000000..c495bc1
--- /dev/null
+++ b/docs/.vitepress/theme/index.ts
@@ -0,0 +1,4 @@
+import DefaultTheme from "vitepress/theme";
+import "./custom.css";
+
+export default DefaultTheme;
diff --git a/docs/src/index.md b/docs/src/index.md
index 122994e..07fbd9f 100644
--- a/docs/src/index.md
+++ b/docs/src/index.md
@@ -26,3 +26,10 @@ features:
     icon: 💻
 ---
 
+
+<style>
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #e75351 30%, #f5b5b4);
+}
+</style>