2019-01-06 10:40:05 +00:00
|
|
|
---
|
|
|
|
|
title: "Customization"
|
|
|
|
|
date: 2018-12-29T11:02:05+06:00
|
2019-09-04 11:35:48 +00:00
|
|
|
weight: 4
|
2019-01-06 10:40:05 +00:00
|
|
|
---
|
|
|
|
|
|
2019-09-04 11:35:48 +00:00
|
|
|
**Dot** has been built to be as configurable as possible.
|
2019-01-06 10:40:05 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
### Change the logo
|
|
|
|
|
|
|
|
|
|
In `config.toml` you will find a logo variable. you can change your logo there.
|
|
|
|
|
|
2019-09-04 11:35:48 +00:00
|
|
|
{{% notice tip %}}
|
2019-01-06 10:40:05 +00:00
|
|
|
The size of the logo will adapt automatically
|
2019-09-04 11:35:48 +00:00
|
|
|
{{% /notice %}}
|
2019-01-06 10:40:05 +00:00
|
|
|
|
|
|
|
|
### 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
|
|
|
|
|
|
2019-09-04 11:35:48 +00:00
|
|
|
**Dot** support change color. You can change the colors from `config.toml`. You can change the colors of the template as you want.
|
2019-01-06 10:40:05 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
```toml
|
|
|
|
|
[params]
|
|
|
|
|
# Change default color scheme with a color name or color code.
|
|
|
|
|
primaryColor = "yourColor"
|
|
|
|
|
secondaryColor = "yourColor"
|
|
|
|
|
textColor = "yourColor"
|
|
|
|
|
textColorDark = "yourColor"
|
|
|
|
|
whiteColor = "yourColor"
|
|
|
|
|
```
|
