Welcome to mirror list, hosted at ThFree Co, Russian Federation.

_index.md « colors « 03-look-and-feel « content-and-customization « content « exampleSite - github.com/vjeantet/hugo-theme-docport.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
blob: eef78676f7aa646b27611c35f1f00c12159bb8c6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
---
subpage: true
title: Colors
---

By default, a site using docPort has the theme’s default color.\
However, if you want your own color scheme (and you probably will!) you can very easily override the theme defaults with your own project-specific values - Hugo will look in your project files first when looking for information to build your site. 

This theme use 2 colors, named as "main" and "second" color and compute other colors from them.

You can set theses colors by editing the **site config.toml** file.

## Main color
This color is mainly used on left menu, a darker version is used for header background and content text.

{{% notice primary %}}When omited, a random value is computed on build{{%/notice%}}

```toml
	[params]
	color_main = "#B0B0B0"
```

## 2nd color
This color is mainly used for links.\
When omited, this color is computed from main color with a saturated calculation.

```toml
	[params]
	color_second = "red"
```

## Random colors
![](rainbow.gif?height=64px)
Comment theses two params in your config.toml, you will have random colors on each build... :)



Examples of random colors

![](color001.png?height=300px&classes=border,shadow)
![](color002.png?height=300px&classes=border,shadow)
![](color003.png?height=300px&classes=border,shadow)
![](color004.png?height=300px&classes=border,shadow)
![](color005.png?height=300px&classes=border,shadow)
![](color006.png?height=300px&classes=border,shadow)