FerryDocs
ContributingDocs site

Design

The site uses the design tokens of the dashboard. Change a color only in tokens.css.

Edit on GitHub
importmaptokens.cssweb/src/styles/app/global.cssin docs/Fumadocs themelight and dark

The colors are in the file tokens.css of the dashboard.

1 / 3

The site uses the of the dashboard. See Design tokens.

Because of this import, the root of the Next.js is the repository, not docs/.

Classes for custom UI

ClassUse
bg-surface-100, text-foreground-light, border-border-strong, text-primary, mono-label…The token utilities
rounded-[var(--ferry-radius-md)]Controls
rounded-[var(--ferry-radius-lg)]Cards

Change a color

Change colors only in tokens.css. Then build the dashboard and the docs again.

On this page