Dot has been built to be as configurable as possible.

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

The size of the logo will adapt automatically

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:

<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.

  # Change default color scheme with a color name or color code.
  primaryColor = "yourColor"
  secondaryColor = "yourColor"
  textColor = "yourColor"
  textColorDark = "yourColor"
  whiteColor = "yourColor"