Configuration
Configure the Typeset theme
Basic Configuration
The Typeset theme is configured through your site's config.toml file.
Site Settings
base_url = "https://example.com"
title = "My Site"
description = "A site using the Typeset theme"Theme Options
Configure theme-specific options in the [extra] section:
[extra]
# Navigation links
nav_links = [
{ name = "Blog", url = "/blog" },
{ name = "Docs", url = "/docs" },
{ name = "About", url = "/about" },
]
# Show table of contents on pages
show_toc = true
toc_depth = 3Color Customization
The theme has two main colors you can customize:
- accent_color - Used for highlights, active states, hover effects (default: gold)
- link_color - Used for hyperlinks (default: blue)
[extra]
# Light mode colors
accent_color = "#b8860b" # Academic gold
link_color = "#2563eb" # Blue links
# Dark mode colors (optional - uses light colors if not set)
accent_color_dark = "#d4a84b" # Brighter gold for dark backgrounds
link_color_dark = "#60a5fa" # Lighter blue for dark backgrounds
# Additional overrides
background_color = "#fffff8" # Page background
text_color = "#111111" # Main text color
If you don't set _dark variants, the light mode colors are used in both modes.
Typography
Customize fonts:
[extra]
font_body = "'Crimson Pro', Georgia, serif"
font_heading = "'EB Garamond', Georgia, serif"
font_mono = "'JetBrains Mono', monospace"Math Support
Enable KaTeX math rendering:
[extra]
math_everywhere = true # Load KaTeX on all pages
Or enable per-page in frontmatter:
[extra]
math = true