diff --git a/docs/docs/static/favicon.png b/docs/docs/static/favicon.png index 1dc08f512..71269b742 100644 Binary files a/docs/docs/static/favicon.png and b/docs/docs/static/favicon.png differ diff --git a/docs/docs/static/wordmark.png b/docs/docs/static/wordmark.png deleted file mode 100644 index ba0be2763..000000000 Binary files a/docs/docs/static/wordmark.png and /dev/null differ diff --git a/docs/docs/static/wordmark_dark.svg b/docs/docs/static/wordmark_dark.svg new file mode 100644 index 000000000..99adc6f20 --- /dev/null +++ b/docs/docs/static/wordmark_dark.svg @@ -0,0 +1,12 @@ + diff --git a/docs/docs/static/wordmark_light.svg b/docs/docs/static/wordmark_light.svg new file mode 100644 index 000000000..d60eae6f1 --- /dev/null +++ b/docs/docs/static/wordmark_light.svg @@ -0,0 +1,12 @@ + diff --git a/docs/mkdocs.yml b/docs/mkdocs.yml index b8405887c..a90d78bb6 100644 --- a/docs/mkdocs.yml +++ b/docs/mkdocs.yml @@ -1,11 +1,12 @@ -site_name: LangGraph +site_name: "" site_description: Build language agents as graphs site_url: https://langchain-ai.github.io/langgraph/ repo_url: https://github.com/langchain-ai/langgraph theme: name: material custom_dir: overrides - logo: static/wordmark.png + logo_dark_mode: static/wordmark_light.svg + logo_light_mode: static/wordmark_dark.svg favicon: static/favicon.png icon: repo: fontawesome/brands/git-alt diff --git a/docs/overrides/main.html b/docs/overrides/main.html index 8279b3636..d295feed8 100644 --- a/docs/overrides/main.html +++ b/docs/overrides/main.html @@ -21,12 +21,6 @@ background-color: #FFFFFF; } - .navbar { - background-color: #FFFFFF; - color: #333333; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); - } - .md-footer { background-color: #F5F5F5; color: #666666; @@ -100,6 +94,29 @@ color: #BDBDBD; } + [data-md-color-scheme="slate"] .md-header { + background-color: #1E1E1E; + color: #BDBDBD; + } + + [data-md-color-scheme="slate"] .md-tabs { + background-color: #1E1E1E; + color: #BDBDBD; + } + + [data-md-color-scheme="slate"] .md-search__input { + background-color: #F5F5F5; + color: #333333; + } + + [data-md-color-scheme="slate"] .md-search__icon { + color: #333333; + } + + [data-md-color-scheme="slate"] .md-search__input::placeholder { + color: #333333; + } + [data-md-color-scheme="slate"] .md-footer-meta { background-color: #1E1E1E; } @@ -111,6 +128,7 @@ [data-md-color-scheme="slate"] .md-typeset a:hover { color: #90CAF9; } + .notebook-links { display: flex; justify-content: flex-end; @@ -119,7 +137,15 @@ .notebook-links .md-content__button { margin-left: 0.5rem; } - + + [data-md-color-scheme=default] .logo-dark { + display: none !important; + } + + [data-md-color-scheme=slate] .logo-light { + display: none !important; + } + {% endblock %} @@ -134,4 +160,15 @@ {{ super() }} -{% endblock content %} \ No newline at end of file +{% endblock content %} + + +{% block htmltitle %} + {% if page.meta and page.meta.title %} +