diff --git a/docs/source/conf.py b/docs/source/conf.py
index 6dd276f7d..0b332157a 100644
--- a/docs/source/conf.py
+++ b/docs/source/conf.py
@@ -167,6 +167,7 @@
 html_theme_options = {
     "github_url": "https://github.com/OpenSourceEconomics/estimagic",
     "logo": {"image_dark": "_static/images/estimagic_logo_dark_mode.svg"},
+    # "logo": {"image_dark": "https://pandas.pydata.org/static/img/pandas_white.svg"},
 }
 
 html_css_files = ["css/custom.css"]
diff --git a/docs/source/index.md b/docs/source/index.md
index fd31a67b7..9d5ef101c 100644
--- a/docs/source/index.md
+++ b/docs/source/index.md
@@ -1,6 +1,12 @@
 ```{raw} html
-<div id="logo" style="text-align:center;">
-<img src="_static/images/estimagic_logo.svg" alt="estimagic icon" height="100" />
+<!-- Light mode logo -->
+<div class="logo mainlogo only-light" style="text-align: center;">
+    <img src="_static/images/estimagic_logo.svg" alt="estimagic-logo" height="100" />
+</div>
+
+<!-- Dark mode logo -->
+<div class="logo mainlogo only-dark" style="text-align: center;">
+    <img src="_static/images/estimagic_logo_dark_mode.svg" alt="estimagic-logo" height="100" />
 </div>
 ```