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

title: Your Documentation
colors:
  accentPrimary:
    dark: "#81C784"
    light: "#1B5E20"
logo:
  dark: docs/assets/logo-dark.svg
  light: docs/assets/logo-light.svg
favicon: docs/assets/favicon.svg

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