Simple button

{{< button href="https://..." >}}button{{< /button >}}

You can specify width, height

{{< button href="https://..." width="100px" height="36px" >}}button{{< /button >}}

Set color

{{< button href="https://..." width="100px" height="36px" color="primary" >}}button{{< /button >}}

You can customize the button primary color in the file at root/data/button.toml. Just copy-paste the theme’s button.toml file and edit the params as you want.

1
2
3
4
5
6

# restart hugo after set the values
dark_primary_color = "#82aaff"
light_primary_color = "#728fcb"
hacker_primary_color = "#cddc39"
solarized_primary_color = "#689f38"
kimbie_primary_color = "#8ab1b0"