Control how your site looks with Jinja2 templates, CSS/JS assets, and theme packages.
What Do You Need?
Templating
Jinja2 layouts, inheritance, and partials
Assets
CSS, JavaScript, images, and fonts
Themes
Use, customize, or create themes
Template Cookbook
Common templating patterns and Bengal-specific features
How Theming Works
flowchart TB
subgraph Input
A[Content Pages]
B[Theme Templates]
C[Assets CSS/JS]
end
subgraph "Template Engine"
D[Select Layout]
E[Render Jinja2]
F[Process Assets]
end
subgraph Output
G[HTML Pages]
H[Optimized Assets]
end
A --> D
B --> D
D --> E
C --> F
E --> G
F --> H
Customization Levels
| Level | Effort | What You Can Change |
|---|---|---|
| CSS Variables | Low | Colors, fonts, spacing via--varoverrides |
| Template Overrides | Medium | Copy and modify specific templates |
| Custom Theme | High | Full control over all templates and assets |
Tip
Quick wins: Start with CSS Variables to change colors and fonts without touching templates. Graduate to Template Customization when you need structural changes.
In This Section
Templating
Jinja2 layouts, inheritance, and partials
Assets
CSS, JavaScript, images, and fonts
Themes
Use, customize, or create themes
Theme Variables Reference
Complete reference of all variables available in Jinja2 templates
Template Cookbook
Common templating patterns and Bengal-specific features