# Theming

URL: /docs/theming/
Section: theming

--------------------------------------------------------------------------------

Design & Theming Control how your site looks with Jinja2 templates, CSS/JS assets, and theme packages. What Do You Need? Code Templating Jinja2 layouts, inheritance, and partials Assets CSS, JavaScript, images, and fonts Palette 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 --var overrides Template Overrides Medium Copy and modify specific templates Custom Theme High Full control over all templates and assets Tip Tip Quick wins: Start with CSS Variables to change colors and fonts without touching templates. Graduate to Template Customization when you need structural changes.

--------------------------------------------------------------------------------

Metadata:
- Author: lbliii
- Word Count: 157
- Reading Time: 1 minutes