Style a bit more

.vitepress/config.ts

@@ -3,8 +3,8 @@ import { getSidebar } from "vitepress-plugin-auto-sidebar";
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
-  title: "Stockfish",
-  description: "Stockfish documentation",
+  title: "Stockfish Docs",
+  description: "Stockfish Documentation",
   markdown: {
     languageAlias: {
       cuda: "c++",
@@ -18,14 +18,34 @@ export default defineConfig({
 
   // cleanUrls: true,
 
+  head: [
+    [
+      "link",
+      {
+        rel: "icon",
+        type: "image/png",
+        href: "/stockfish-docs/images/logo/favicon.png",
+      },
+    ],
+    ["meta", { name: "og:type", content: "website" }],
+    ["meta", { name: "og:locale", content: "en" }],
+    ["meta", { name: "og:site_name", content: "Stockfish documentation" }],
+  ],
+
   themeConfig: {
+    logo: { src: "/images/logo/icon_128x128.png" },
+
     search: {
       provider: "local",
     },
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       { text: "Home", link: "/" },
       { text: "Docs", link: "/stockfish-wiki/Home" },
+      {
+        text: "Fishtest",
+        link: "https://tests.stockfishchess.org/",
+      },
     ],
 
     sidebar: getSidebar({
@@ -40,6 +60,14 @@ export default defineConfig({
         icon: "github",
         link: "https://github.com/official-stockfish/Stockfish",
       },
+      {
+        icon: "twitter",
+        link: "https://twitter.com/stockfishchess",
+      },
+      {
+        icon: "discord",
+        link: "https://discord.gg/GWDRS3kU6R",
+      },
     ],
   },
   vite: {},

.vitepress/theme/custom.css

@@ -1,13 +1,42 @@
 :root {
-    --vp-c-indigo-1: #18794e; /* Changed blue to green */
-    --vp-c-indigo-2: #299764; /* Changed blue to green */
-    --vp-c-indigo-3: #30a46c; /* Changed blue to green */
-    --vp-c-indigo-soft: rgba(16, 185, 129, 0.14); /* Changed blue to green */
+  --vp-c-indigo-1: #18794e; /* Changed blue to green */
+  --vp-c-indigo-2: #299764; /* Changed blue to green */
+  --vp-c-indigo-3: #30a46c; /* Changed blue to green */
+  --vp-c-indigo-soft: rgba(16, 185, 129, 0.14); /* Changed blue to green */
+}
+
+.dark {
+  --vp-c-indigo-1: #3dd68c; /* Changed blue to green */
+  --vp-c-indigo-2: #30a46c; /* Changed blue to green */
+  --vp-c-indigo-3: #298459; /* Changed blue to green */
+  --vp-c-indigo-soft: rgba(16, 185, 129, 0.16); /* Changed blue to green */
+}
+
+:root {
+  --green0: hsl(178, 41%, 13%);
+  --green1: hsl(142, 44%, 15%);
+  --green2: hsl(142, 44%, 25%);
+  --green3: hsl(142, 44%, 30%);
+  --green4: hsl(142, 44%, 37%);
+  --green5: hsl(142, 44%, 43%);
+  --green6: hsl(142, 44%, 47%);
+  --green7: hsl(142, 44%, 55%);
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(
+    120deg,
+    var(--green2),
+    var(--green7) 80%
+  );
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
   }
-
-  .dark {
-    --vp-c-indigo-1: #3dd68c; /* Changed blue to green */
-    --vp-c-indigo-2: #30a46c; /* Changed blue to green */
-    --vp-c-indigo-3: #298459; /* Changed blue to green */
-    --vp-c-indigo-soft: rgba(16, 185, 129, 0.16); /* Changed blue to green */
-  }
+}

index.md

@@ -10,6 +10,12 @@ hero:
     - theme: brand
       text: FAQ
       link: /stockfish-wiki/Stockfish-FAQ
+    - theme: alt
+      text: Download
+      link: https://stockfishchess.org/download/
+    - theme: alt
+      text: View on Github
+      link: https://github.com/official-stockfish/Stockfish
 features:
   - title: Latest Dev Builds
     details: Click here to get to the latest dev builds