Templates Help Hire Us

Checkout Pro Version

vue VueJs Version angular Angular Version next NextJs Version react React Version react NuxtJs Version bootstrap Bootstrap Version
Get Pro
All Access Pass

Change Logo

Change light Logo

To change logo : /main/src/layouts/full/logo/LogoLight.vue
Put the logo image into the /images/logos folder. 
                            
        <script setup lang="ts">
        import { RouterLink } from 'vue-router';
        import Darklogo from '@/assets/images/logos/logo-white.svg';
        </script>
        <template>
          <div class="logo">
              <RouterLink to="/">
                  <img :src="Darklogo" alt="home" />
              </RouterLink>
          </div>
        </template>

Change Dark Logo

To change logo : /main/src/layouts/full/logo/LogoDark.vue
Put the logo image into the /images/logos folder. 
                            
        <script setup lang="ts">
          import { RouterLink } from 'vue-router';
          import logo from '@/assets/images/logos/logo-dark.svg';
        </script>
        <template>
            <div class="logo">
              <RouterLink to="/">
                  <img :src="logo" alt="home" />
              </RouterLink>
            </div>
        </template<

Change Light RTL Logo

To change logo : /src/layouts/full/logo/RtlLogoLight.vue
Put the logo image into the /images/logos folder. 
                            
        <script setup lang="ts">
          import { RouterLink } from 'vue-router';
          import logo from '@/assets/images/logos/logo-white.svg';
        </script>
        <template>
            <div class="logo">
              <RouterLink to="/">
                <img :src="logo" alt="home" />
              </RouterLink>
            </div>
        </template>

Change Dark RTL Logo

To change logo : /main/src/layouts/full/logo/RtlLogoDark.vue
Put the logo image into the /images/logos folder. 
                            
        <script setup lang="ts">
          import { RouterLink } from 'vue-router';
          import logo from '@/assets/images/logos/logo-dark.svg';
        </script>
        <template>
            <div class="logo">
              <RouterLink to="/">
                <img :src="logo" alt="home" />
              </RouterLink>
            </div>
        </template>

Change Logo

To change logo : /src/layouts/full/logo/LogoDark.vue 
                            
<template>
  <div class="logo">
    <RouterLink to="/">
      <img src="../../../assets/images/logos/logo-dark.svg" />
    </RouterLink>
  </div>
</template>
<script setup lang="ts">
  import { RouterLink } from "vue-router";
</script>