Docbox 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.
config.toml
toml Copylogo = "images/logo.png"
logo = "images/logo.png"
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:
head.html
html Copy<link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />
Change default colors
Docbox support change color. You can change the colors from exampleSite/data/theme.json or data/theme.json. You can change the colors of the template as you want.
theme.json
json Copy{
"colors": {
"default": {
"theme_color": {
"primary": "#c7e565",
"secondary": "#90BC00",
"body": "#fff",
"border": "#eaeaea",
"theme_light": "#f5f5f5"
},
"text_color": {
"default": "#666",
"dark": "#222222",
"light": "#ceced0"
}
}
},
"fonts": {
"font_family": {
"primary": "IBM+Plex+Mono:wght@300;400;500;600;700",
"primary_type": "sans-serif",
"secondary": "Montserrat:wght@300;400;500;600",
"secondary_type": "sans-serif"
},
"font_size": {
"base": "18",
"scale": "1.240"
}
}
}
{
"colors": {
"default": {
"theme_color": {
"primary": "#c7e565",
"secondary": "#90BC00",
"body": "#fff",
"border": "#eaeaea",
"theme_light": "#f5f5f5"
},
"text_color": {
"default": "#666",
"dark": "#222222",
"light": "#ceced0"
}
}
},
"fonts": {
"font_family": {
"primary": "IBM+Plex+Mono:wght@300;400;500;600;700",
"primary_type": "sans-serif",
"secondary": "Montserrat:wght@300;400;500;600",
"secondary_type": "sans-serif"
},
"font_size": {
"base": "18",
"scale": "1.240"
}
}
}
Call To Action 📣
Keep Your Thirst On
Donec rutrum congue leo eget malesuada. Sed porttitor porta. Vivamus suscit