Skip to content

Branding Customization

You are viewing the next version (v6.7) of the documentation.
Click here to switch to the stable version (v6.6), or use the version switcher on the left to navigate between versions.

WARNING

All customization instructions will refer to changes made within your customization layer folder.

Branding Customization

Favicon

  • Create public folder inside your layer (if missing).

  • Place your favicon inside the public folder and ensure it is named favicon.ico.

Web application title

  • Create nuxt.config.ts inside your layer (if missing).

  • Replace "Your app name" with your app's name and add the following code:

js
app: {
  head: {
    title: 'Your app name'
  }
}

Theme color

  • Create uno.config.ts inside your layer (if missing).

  • E.g. to change the primary color to #000000, add the following code:

js
theme: {
  colors: {
    primary: {
      DEFAULT: '#000000'
    }
  }
}
  • Refer to the uno.config.ts file in the dsr layer to understand the key structure for overriding colors.