# Customisation

# Custom Fonts

vars: {
    '--font': '"IBM Plex Mono", monospace'
}

# Layout Tweaks

.sidebar {
    backdrop-filter: blur(20px);
}

# Branding

theme: {
    logo: 'SYNZ DOCS'
}

## themes

Pick a built-in preset or build your own.

```typescript
docs({
    dir: './docs',
    title: 'My Project',
    theme: {
        preset: 'catppuccin'  // 'default' | 'catppuccin' | 'nord' | 'rose-pine' | 'synz'
    }
})

Override just the accent on top of a preset:

theme: {
    preset: 'nord',
    accentColor: '#a3be8c'
}