diff --git a/packages/docs/src/components/home/Footer.vue b/packages/docs/src/components/home/Footer.vue
index 18fe9dc9f2b..cc15fe98748 100644
--- a/packages/docs/src/components/home/Footer.vue
+++ b/packages/docs/src/components/home/Footer.vue
@@ -8,10 +8,10 @@
       <v-row>
         <v-col cols="12">
           <v-img
+            :src="`https://cdn.vuetifyjs.com/docs/images/logos/vuetify-logo-${theme.name.value}-slim.svg`"
             class="mx-auto"
             contain
             height="64"
-            src="https://cdn.vuetifyjs.com/docs/images/logos/vuetify-logo-v3-slim-light.svg"
             width="64"
           />
         </v-col>
@@ -85,8 +85,10 @@
 <script setup>
 // Composables
   import { useI18n } from 'vue-i18n'
+  import { useTheme } from 'vuetify'
 
   const { t } = useI18n()
+  const theme = useTheme()
   const links = [
     {
       href: 'https://www.iubenda.com/privacy-policy/76325752',
diff --git a/packages/docs/src/components/home/Logo.vue b/packages/docs/src/components/home/Logo.vue
index 305a229b6f3..d72b07ba0d3 100644
--- a/packages/docs/src/components/home/Logo.vue
+++ b/packages/docs/src/components/home/Logo.vue
@@ -10,6 +10,8 @@
 </template>
 
 <script setup>
+  // Composables
+  import { useTheme } from 'vuetify'
   // Utilities
   import { computed } from 'vue'
 
@@ -17,7 +19,9 @@
     size: String,
   })
 
+  const theme = useTheme()
+
   const logo = computed(() => {
-    return `vuetify-logo-light-atom.svg`
+    return `vuetify-logo-${theme.name.value}-atom.svg`
   })
 </script>