Themes & Customization

Make your documentation match your brand with comprehensive customization options.

Theme Modes

Pick a theme below. Your preference is saved and applies across the whole site.

Current theme: Amethyst — saved to your browser.

Brand Colors

Set your primary brand color to customise buttons, links, and accents throughout your docs.

How to set: Go to Project Settings → Appearance → Brand Color

Custom CSS

Add custom CSS to further customise the appearance of your documentation.

:root {
  --primary: #3b82f6;
  --primary-dark: #2563eb;
  --font-heading: 'Inter', sans-serif;
}

.docs-content h1 {
  font-size: 2.5rem;
  font-weight: 800;
}

Typography

Customise fonts and typography settings in your project settings.

Heading Font

Plus Jakarta Sans (default)

Body Font

Plus Jakarta Sans (default)

Code Font

JetBrains Mono