Custom Styling

Path to the logo in light mode

Path to the logo in dark mode

Where logo links to when clicked

The primary color. Used for most often for highlighted content, section headers, accents, in light mode

The primary color for dark mode. Used for most often for highlighted content, section headers, accents, in dark mode

The primary color for important buttons

The color of the background in both light and dark mode

The Font Awesome icon used to feature the anchor.

Example: comments

The name of the anchor label.

Example: Community

The start of the URL that marks what pages go in the anchor. Generally, this is the name of the folder you put your pages in.

The hex color of the anchor icon background. Can also be a gradient if you pass an object with the properties from and to that are each a hex color.

Used if you want to hide an anchor until the correct docs version is selected.

Pass true if you want to hide the anchor until you directly link someone to docs inside it.

One of: “brands”, “duotone”, “light”, “sharp-solid”, “solid”, or “thin”

The name of the top-most anchor

Font Awesome icon.

One of: “brands”, “duotone”, “light”, “sharp-solid”, “solid”, or “thin”

The name of the tab label.

Example: API Reference

The start of the URL that marks what pages go in the tab. Generally, this is the name of the folder you put your pages in.

Set if you always want to show light or dark mode for new users. When not set, we default to the same mode as the user’s operating system.

Set to true to hide the dark/light mode toggle. You can combine isHidden with default to force your docs to only use light or dark mode. For example:

"modeToggle": {
  "default": "dark",
  "isHidden": true
}