> ## Documentation Index
> Fetch the complete documentation index at: https://docs.micleo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Personalization

### Logo

First of all, change the file logo.png in the public folder.

### Using themeConfig.js

Change template to fit your needs. To configure template we will use `themeConfig.js` file, which have all template configurations listed with their valid values.

```Javascript theme={null}
const themeConfig = {
  app: {
    name: 'Micleo',
    description: 'Acelerate your SaaS / CRM development....',
    logo: require('@/assets/images/svg/logo.svg'),
    isDark: false,
    isRtl: false,
    contentLayoutNav: 'vertical', // vertical, horizontal
    routeTransition: 'scroll-x-transition', // https://vuetifyjs.com/en/styles/transitions/#api
    skinVariant: 'semi-dark', // default, bordered, semi-dark
    contentWidth: 'content', // boxed, content
    gtag: 'G-G7B6GXP1LX',
  },
  menu: {
    isMenuHidden: false,
    isVerticalNavMini: false, // mini menu
    verticalMenuAccordion: true,
    groupChildIcon: 'mdi-checkbox-blank-circle-outline',
    horizontalNavMenuGroupOpenOnHover: true,
  },
  appBar: {
    type: 'static', // fixed, static, hidden
    isBlurred: true,
  },
  footer: {
    type: 'static', // fixed, static, hidden
  },
  themes: {
    light: {
      primary: '#274dd2', // '#9155FD',
      accent: '#0d6efd',
      secondary: '#8A8D93',
      success: '#56CA00',
      info: '#16B1FF',
      warning: '#FFB400',
      error: '#FF4C51',
    },
    dark: {
      primary: '#274dd2',
      accent: '#0d6efd',
      secondary: '#8A8D93',
      success: '#56CA00',
      info: '#16B1FF',
      warning: '#FFB400',
      error: '#FF4C51',
    },
  },
}
```