> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/able-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/able-pro/vue/theme-ui/change-logo.md).

# Change Logo

### Change Main Logo <a href="#change-dark-logo" id="change-dark-logo"></a>

For Main Logo - Go to `src/layouts/dashboard/logo/LogoMain.vue`

```javascript
// LogoMain.vue
<template>
    <div class="logo">
        <RouterLink to="/">
            ... Your_Logo ...
        </RouterLink>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { RouterLink } from 'vue-router';
const primary = ref('rgb(var(--v-theme-primary))');
</script> 
```