> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/berry-vuetify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/berry-vuetify/theme-config/theme-config.md).

# Change Logo

Change the Logo variants weather its Light or Dark you can make changes in following way.

## Change Dark Logo

For Change Dark Logo - Go to `src/layouts/full/logo/LogoDark.vue`

{% code title="LogoDark.vue" %}

```typescript
<template>
    <div class="logo">
        <RouterLink to="/">
            ... Your_Logo ...
        </RouterLink>
    </div>
</template>

<script setup lang="ts">
    import { RouterLink } from "vue-router";
</script>                
```

{% endcode %}

## Change Light Logo

For Change Light Logo - Go to `src/layouts/full/logo/LogoLight.vue`

{% code title="LogoLight.vue" %}

```typescript
<template>
    <div class="logo">
        <RouterLink to="/">
            ... Your_Logo ...
        </RouterLink>
    </div>
</template>

<script setup lang="ts">
    import { RouterLink } from "vue-router";
</script>                
```

{% endcode %}