Skip to content

Commit 81a8c18

Browse files
committed
add themes page and rounded corners card
1 parent 0941d2f commit 81a8c18

File tree

4 files changed

+33
-0
lines changed

4 files changed

+33
-0
lines changed

fern/products/docs/docs.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -141,6 +141,8 @@ navigation:
141141
- section: Customization
142142
collapsed: true
143143
contents:
144+
- page: Themes
145+
path: ./pages/customization/themes.mdx
144146
- page: Announcement banner
145147
path: ./pages/navigation/announcement-banner.mdx
146148
- page: Changelogs
454 KB
Loading
Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
---
2+
title: Themes
3+
subtitle: Pre-built visual styles for your documentation site
4+
---
5+
6+
<Card
7+
title="Rounded corners"
8+
src="rounded-corners-theme.png"
9+
imagePosition="top"
10+
href="https://github.com/fern-demo/rounded-corners-theme"
11+
imageHeight="90%"
12+
>
13+
Features rounded UI components and a nature/water color palette. Applies `backdrop-filter` blur to Cards, Buttons, and other navigation elements for a frosted glass appearance.
14+
15+
<p className="text-(color:--grayscale-a11) font-bold mt-2 flex items-center gap-1">
16+
Use this template
17+
18+
<img src="https://files.buildwithfern.com/fern.docs.buildwithfern.com/learn/2025-09-30T17:39:54.370Z/products/home/pages/images/arrow-right-black.svg" alt="Arrow right light" className="arrow-right dark:hidden m-0 h-4 w-4" noZoom={false} />
19+
20+
<img src="https://files.buildwithfern.com/fern.docs.buildwithfern.com/learn/2025-09-30T17:39:54.370Z/products/home/pages/images/arrow-right-white.svg" alt="Arrow right light" className="arrow-right hidden dark:block m-0 h-4 w-4" />
21+
</p>
22+
</Card>
23+
24+
25+
26+

fern/products/docs/pages/getting-started/quickstart.mdx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -138,6 +138,11 @@ In this guide, we'll show you how to get started with Fern in under 5 minutes.
138138
```
139139
</Accordion>
140140
<Accordion title='Brand your docs'>
141+
142+
<Note>
143+
For pre-built visual styles, explore [all Fern documentation themes](/docs/customization/themes).
144+
</Note>
145+
141146
All of the branding for your docs can be configured in the `docs.yml` file.
142147

143148
For example, to set the logos, colors, and fonts for your docs, you can

0 commit comments

Comments
 (0)