Customize your docs | Fern Docs Starter

The docs.yml file controls the visual appearance of your documentation site. Explore the customization options below and click through to the Fern documentation for detailed configuration guides.

Colors

Set brand colors for light and dark modes

Logo and favicon

Add your logo and favicon

Typography

Customize fonts for headings and body text

Layout

Configure page width, tabs placement, and more

Navbar links

Add links and buttons to your navigation bar

Custom CSS

Advanced styling with custom CSS and JavaScript

Quick example

Here’s a minimal example showing common customization options in docs.yml:

docs.yml

1 title: Your Documentation
2 
3 colors:
4   accentPrimary:
5     dark: "#81C784"
6     light: "#1B5E20"
7 
8 logo:
9   dark: docs/assets/logo-dark.svg
10   light: docs/assets/logo-light.svg
11 
12 favicon: docs/assets/favicon.svg

For complete configuration options, see the site-level settings documentation.