docs(HomeLogo/Footer): update logos to use theme specific

vuetifyjs · Aug 31, 2023 · 6e06637 · 6e06637
1 parent 342dbe3
commit 6e06637
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -10,14 +10,18 @@
 </template>
 
 <script setup>
+  // Composables
+  import { useTheme } from 'vuetify'
   // Utilities
   import { computed } from 'vue'
 
   defineProps({
     size: String,
   })
 
+  const theme = useTheme()
+
   const logo = computed(() => {
-    return `vuetify-logo-light-atom.svg`
+    return `vuetify-logo-${theme.name.value}-atom.svg`
   })
 </script>