Theme Gallery

Browse all bundled themes with visual previews. Install community themes or generate your own with AI.

Bundled Themes

Six production-ready themes ship with every seite binary. Each is self-contained — includes SEO meta tags, search, pagination, language switcher, and accessibility features. Apply any theme instantly:

seite theme apply <name>
DEFAULT
Clean Readable Baseline
720px centered column, system-ui font stack, blue links. The sensible starting point for any site.
seite theme apply default
MINIMAL
Typography First
600px column, Georgia serif, understated search. Literary feel that lets content breathe.
seite theme apply minimal
DARK
True Black + Violet
True black background, violet accent, styled focus rings. Easy on the eyes, day or night.
seite theme apply dark
DOCS
Sidebar Documentation
Fixed 260px sidebar with auto-scrolling nav. GitHub-style colors. Built for technical docs.
seite theme apply docs
BRUTALIST
Hard Edges, Bold Type
Cream background, 3px borders, hard shadows, yellow accent. Zero border-radius. Maximum impact.
seite theme apply brutalist
BENTO
Card Grid Layout
CSS grid, mixed card sizes, rounded corners, soft shadows. Dark and indigo accent cards for rhythm.
seite theme apply bento
Tip

In the dev server REPL, type theme dark to instantly preview any theme with live reload — no restart needed.

Install Community Themes

Download and install themes shared by others:

# Install from a URL
seite theme install https://example.com/themes/aurora.tera

# Install with a custom name
seite theme install https://example.com/themes/aurora.tera --name my-aurora

Installed themes are saved to templates/themes/<name>.tera and appear in seite theme list. Apply them like any bundled theme:

seite theme apply aurora

Export & Share Your Theme

Package your current theme for others to install:

# Export with a description
seite theme export my-theme --description "Dark theme with green accents"

# The theme is saved to templates/themes/my-theme.tera

Host the .tera file anywhere (GitHub, your own server, a Gist) and others can install it with seite theme install <url>.

Generate Custom Themes with AI

Instead of browsing themes, describe what you want and let AI build it:

seite theme create "minimal dark theme with cyan accents and generous whitespace"
seite theme create "warm editorial design with serif headings and earth tones"
seite theme create "neon cyberpunk with scanline effects and monospace everything"

This spawns Claude Code to generate a complete templates/base.html with all required blocks, SEO tags, search, pagination, and accessibility features. Requires Claude Code installed.

Info

AI-generated themes are production-ready — Claude includes all SEO meta tags, search functionality, pagination, accessibility features, and responsive design automatically.

After generating, export it to share:

seite theme export cyberpunk --description "Neon cyberpunk with scanlines"
# Share templates/themes/cyberpunk.tera with anyone

Theme Anatomy

Every theme (bundled or installed) is a single Tera template file that serves as base.html. A valid theme must include:

  • HTML structure — <!DOCTYPE html> through </html>
  • SEO meta tags — canonical URL, Open Graph, Twitter Card, JSON-LD
  • Template blocks — title, head, extra_css, header, content, footer, extra_js
  • Search — search input + client-side JavaScript using search-index.json
  • Pagination — navigation when pagination context exists
  • Language switcher — hreflang links + switcher UI for multilingual sites
  • Accessibility — skip-to-main link, ARIA labels, focus rings, prefers-reduced-motion

All inline CSS (no external stylesheets) so the theme is completely self-contained.

Managing Themes

seite theme list              # Show all bundled + installed themes
seite theme apply <name>      # Apply a theme (writes templates/base.html)
seite theme install <url>     # Download a theme from a URL
seite theme export <name>     # Export current theme as shareable .tera file
seite theme create "<prompt>" # Generate a custom theme with AI

In the dev server REPL, type theme to list themes or theme <name> to apply and auto-rebuild.

Next Steps

  • Templates & Themes — customize theme blocks, override templates, and use data files
  • AI Agent — use Claude for content creation, site management, and more