diff --git a/favicon.svg b/favicon.svg
index 03d9f85..e3f681d 100644
--- a/favicon.svg
+++ b/favicon.svg
@@ -1,12 +1,27 @@
-<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180">
+<style>
+  .stroke-path {
+    stroke: black;
+    stroke-width: 12;
+    stroke-linecap: round;
+  }
+  @media (prefers-color-scheme: dark) {
+    .stroke-path {
+      stroke: white;
+    }
+    #clip0_19_13 rect {
+      fill: transparent;
+    }
+  }
+</style>
 <g clip-path="url(#clip0_19_13)">
-<path d="M18 84.8528L85.8822 16.9706C95.2548 7.59798 110.451 7.59798 119.823 16.9706V16.9706C129.196 26.3431 129.196 41.5391 119.823 50.9117L68.5581 102.177" stroke="black" stroke-width="12" stroke-linecap="round"/>
-<path d="M69.2652 101.47L119.823 50.9117C129.196 41.5391 144.392 41.5391 153.765 50.9117L154.118 51.2652C163.491 60.6378 163.491 75.8338 154.118 85.2063L92.7248 146.6C89.6006 149.724 89.6006 154.789 92.7248 157.913L105.331 170.52" stroke="black" stroke-width="12" stroke-linecap="round"/>
-<path d="M102.853 33.9411L52.6482 84.1457C43.2756 93.5183 43.2756 108.714 52.6482 118.087V118.087C62.0208 127.459 77.2167 127.459 86.5893 118.087L136.794 67.8822" stroke="black" stroke-width="12" stroke-linecap="round"/>
+<path class="stroke-path" d="M18 84.8528L85.8822 16.9706C95.2548 7.59798 110.451 7.59798 119.823 16.9706V16.9706C129.196 26.3431 129.196 41.5391 119.823 50.9117L68.5581 102.177"/>
+<path class="stroke-path" d="M69.2652 101.47L119.823 50.9117C129.196 41.5391 144.392 41.5391 153.765 50.9117L154.118 51.2652C163.491 60.6378 163.491 75.8338 154.118 85.2063L92.7248 146.6C89.6006 149.724 89.6006 154.789 92.7248 157.913L105.331 170.52"/>
+<path class="stroke-path" d="M102.853 33.9411L52.6482 84.1457C43.2756 93.5183 43.2756 108.714 52.6482 118.087V118.087C62.0208 127.459 77.2167 127.459 86.5893 118.087L136.794 67.8822"/>
 </g>
 <defs>
 <clipPath id="clip0_19_13">
 <rect width="180" height="180" fill="white"/>
 </clipPath>
 </defs>
-</svg>
+</svg>
\ No newline at end of file
diff --git a/introduction.mdx b/introduction.mdx
index 5783886..486f0e2 100644
--- a/introduction.mdx
+++ b/introduction.mdx
@@ -18,14 +18,14 @@ Choose the path that best fits your needs:
     The fastest way to see MCP in action - connect example servers to Claude Desktop
   </Card>
   <Card
-    title="Build Your First Server (Python)"
+    title="Build your first server (Python)"
     icon="python"
     href="/docs/first-server/python"
   >
     Create a simple MCP server in Python to understand the basics
   </Card>
   <Card
-    title="Build Your First Server (TypeScript)"
+    title="Build your first server (TypeScript)"
     icon="code"
     href="/docs/first-server/typescript"
   >