---
title: "Customization"
date: 2018-12-29T11:02:05+06:00
lastmod: 2020-01-05T10:42:26+06:00
weight: 4
draft: false
---

**Dot** has been built to be as configurable as possible.


### Change the logo

In `config.toml` you will find a logo variable. you can change your logo there.

{{% notice tip %}}
The size of the logo will adapt automatically
{{% /notice %}}

### Change the favicon

If your favicon is a png, just drop off your image in your local `static/images/` folder and name it `favicon.png`

If you need to change this default behavior, create a new file in `layouts/partials/` named `head.html`. Then write something like this:

```html
<link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />
```

### Change default colors

**Dot** support change color. You can change the colors from `config.toml`. You can change the colors of the template as you want.


```toml
[params]
  # Change default color scheme with a color name or color code.
  primaryColor = "yourColor"
  secondaryColor = "yourColor"
  textColor = "yourColor"
  textColorDark = "yourColor"
  whiteColor = "yourColor"
```