Themes & Customization

Make your documentation match your brand with comprehensive customization options.

Brand Colors

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

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

Theme Modes

Click on a theme below to switch. Your preference will be saved.

✓ Current theme: Dark - Your preference has been saved!

Custom CSS

Add custom CSS to further customize 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

Customize fonts and typography settings in your project settings.

Heading Font

Inter (default)

Body Font

Inter (default)

Code Font

JetBrains Mono