diff --git a/doc/installation/ExamplesDoc.vue b/doc/installation/ExamplesDoc.vue
index 44ca0a0ce..081f9721f 100644
--- a/doc/installation/ExamplesDoc.vue
+++ b/doc/installation/ExamplesDoc.vue
@@ -16,8 +16,20 @@
             <span class="font-bold text-xl text-900">Vue-CLI</span>
         </a>
         <a href="https://github.com/primefaces/primevue-examples/tree/main/astro-quickstart" class="flex flex-column align-items-center">
-            <img src="https://primefaces.org/cdn/primevue/images/logos/astro.svg" alt="Astro.JS" class="w-8rem h-8rem mb-3" />
+            <img :src="astroHref" alt="Astro.JS" class="w-8rem h-8rem mb-3" />
             <span class="font-bold text-xl text-900">Astro</span>
         </a>
     </div>
 </template>
+
+<script>
+export default {
+    computed: {
+        astroHref() {
+            const theme = this.$appState.darkTheme ? 'light' : 'dark';
+
+            return `https://primefaces.org/cdn/primevue/images/logos/astro-icon-${theme}.svg`;
+        }
+    }
+};
+</script>