diff --git a/docs/_quarto.yml b/docs/_quarto.yml
index 92967d739..4344ee83e 100644
--- a/docs/_quarto.yml
+++ b/docs/_quarto.yml
@@ -21,13 +21,21 @@ website:
   back-to-top-navigation: true
   page-footer:
     left: |
-        <a href="https://www.deltares.nl/en" target="_blank" rel="noreferrer noopener">
-          <img
-            src="/_static/images/deltares-blue.svg"
-            alt="Deltares"
-            style="height: 40px;"
-          />
-        </a>
+      Made possible by:
+       <a href="https://www.deltares.nl/en" target="_blank" rel="noreferrer noopener">
+        <img
+          src="/_static/images/deltares-blue.svg"
+          alt="Deltares"
+          class="footer-image-light"
+          style="height: 40px;"
+        />
+        <img
+          src="/_static/images/deltares-white.svg"
+          alt="Deltares"
+          class="footer-image-dark"
+          style="height: 40px;"
+        />
+      </a>
   navbar:
     logo: _static/logo.png
     search: true
diff --git a/docs/_static/theme-dark.scss b/docs/_static/theme-dark.scss
index 8761de644..5bae5d11e 100644
--- a/docs/_static/theme-dark.scss
+++ b/docs/_static/theme-dark.scss
@@ -74,4 +74,12 @@ $code-block-bg-alpha: -.9;
 // .nav-tabs .nav-link:hover {
 //     border-color: rgb(255, 72, 0);
 //     // border-width: 1px;
-// }
\ No newline at end of file
+// }
+
+.footer-image-light {
+  display: none;
+}
+
+.footer-image-dark {
+  display: inline;
+}
\ No newline at end of file
diff --git a/docs/_static/theme-light.scss b/docs/_static/theme-light.scss
index 7430c45e0..d98c6ffa4 100644
--- a/docs/_static/theme-light.scss
+++ b/docs/_static/theme-light.scss
@@ -22,4 +22,12 @@ $navbar-hl: $links ;
     background-color: $highlight;
     border-color: $links;
     border: 1px solid $links;
+}
+
+.footer-image-dark {
+    display: none;
+}
+
+.footer-image-light {
+    display: inline;
 }
\ No newline at end of file