From 8aa59d002a11fa748122b21f8aaeb22e2460c7dd Mon Sep 17 00:00:00 2001
From: Vadym Barda <vadym@langchain.dev>
Date: Thu, 13 Mar 2025 09:03:01 -0400
Subject: [PATCH] docs: add logo to readme (#3816)

---
 README.md                | 10 +++++++++-
 docs/docs/index.md       | 22 ++++++++++++++++++++++
 docs/mkdocs.yml          |  2 +-
 libs/langgraph/README.md | 10 +++++++++-
 4 files changed, 41 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index f656b962d..a529a1af8 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,12 @@
-# 🦜🕸️LangGraph
+<picture class="github-only">
+  <source media="(prefers-color-scheme: light)" srcset="docs/docs/static/wordmark_dark.svg">
+  <source media="(prefers-color-scheme: dark)" srcset="docs/docs/static/wordmark_light.svg">
+  <img alt="LangGraph Logo" src="docs/docs/static/wordmark_dark.svg" width="80%">
+</picture>
+
+<div>
+<br>
+</div>
 
 [![Version](https://img.shields.io/pypi/v/langgraph.svg)](https://pypi.org/project/langgraph/)
 [![Downloads](https://static.pepy.tech/badge/langgraph/month)](https://pepy.tech/project/langgraph)
diff --git a/docs/docs/index.md b/docs/docs/index.md
index 5bfc6c095..066f0775c 100644
--- a/docs/docs/index.md
+++ b/docs/docs/index.md
@@ -3,4 +3,26 @@ hide_comments: true
 title: Home
 ---
 
+<script>
+  // This script only runs in MkDocs, not on GitHub
+  var hideGitHubVersion = function() {
+    document.querySelectorAll('.github-only').forEach(el => el.style.display = 'none');
+  };
+
+  // Handle both initial load and subsequent navigation
+  document.addEventListener('DOMContentLoaded', hideGitHubVersion);
+  document$.subscribe(hideGitHubVersion);
+</script>
+
+<p class="mkdocs-only">
+  <img class="logo-light" src="static/wordmark_dark.svg" alt="LangGraph Logo" width="80%">
+  <img class="logo-dark" src="static/wordmark_light.svg" alt="LangGraph Logo" width="80%">
+</p>
+
+<style>
+h1 {
+  display: none;
+}
+</style>
+
 {!../README.md!}
diff --git a/docs/mkdocs.yml b/docs/mkdocs.yml
index 6672888e1..e6ef29d19 100644
--- a/docs/mkdocs.yml
+++ b/docs/mkdocs.yml
@@ -85,7 +85,7 @@ plugins:
 
 nav:
   - Home:
-    - Introduction: index.md
+    - index.md
     - Get started:
       - Learn the basics: tutorials/introduction.ipynb
       - Deployment:
diff --git a/libs/langgraph/README.md b/libs/langgraph/README.md
index f656b962d..a529a1af8 100644
--- a/libs/langgraph/README.md
+++ b/libs/langgraph/README.md
@@ -1,4 +1,12 @@
-# 🦜🕸️LangGraph
+<picture class="github-only">
+  <source media="(prefers-color-scheme: light)" srcset="docs/docs/static/wordmark_dark.svg">
+  <source media="(prefers-color-scheme: dark)" srcset="docs/docs/static/wordmark_light.svg">
+  <img alt="LangGraph Logo" src="docs/docs/static/wordmark_dark.svg" width="80%">
+</picture>
+
+<div>
+<br>
+</div>
 
 [![Version](https://img.shields.io/pypi/v/langgraph.svg)](https://pypi.org/project/langgraph/)
 [![Downloads](https://static.pepy.tech/badge/langgraph/month)](https://pepy.tech/project/langgraph)