1. Documentation
  2. Themes
  3. Moss
ReadmeGitHub
  • Introduction
  • Quickstart
  • Text
  • Code
  • Lists
  • Tables
  • Accordion
  • Badge
  • Button
  • Callout
  • Code Block
  • Code Block Group
  • Code Snippet
  • Columns
  • Custom components
  • GitHub
  • Hover Card
  • Mermaid
  • Properties
  • Related Topics
  • Tabs
  • Tree
  • Images
  • Video
  • Files
  • Grain
  • Shade
  • Moss
  • Configuration
  • Content
  • Navigation
  • Site Identity
  • Appearance
  • Header and Footer
  • Fonts
  • Icons
  • Integrations
  • Search
  • OpenAPI
  • AI Chat
  • React Router
  • Astro
  • Next.js
  • Cloudflare
  • Vercel
  • robots.txt
  • sitemap.xml
  • JSON-LD
  • rss.xml
  • llms.txt
  • llms-full.txt
  • .md endpoints

Moss

A calm, green-tinted documentation theme based on familiar documentation-site patterns.

Loading documentation…

Shade< PreviousConfigurationNext >

Powered by heyo

On this page

Documentation previewsConfigure Moss

Moss is a calm, green-tinted documentation theme based on the familiar patterns of established documentation sites: a persistent sidebar, centered group tabs, and a spacious reading column. It is designed to feel immediately legible for guides, release notes, and API references.

Documentation previews

Moss theme rendering of the Introduction pageMoss theme rendering of the Introduction page

Configure Moss

Select Moss in heyo-docs.config.ts and choose the initial color mode. Use system when the documentation should follow each visitor's operating-system preference.

heyo-docs.config.ts
export default heyoDocs({  content: "content",  theme: "moss",  mode: "system",});

The official React Router, Next.js, and Astro integrations generate and load Moss's stylesheet from the selected theme automatically. To customize colors, radius, or typography, see Overriding styles.

Moss keeps search and external footer links in the sidebar, while group tabs are centered in the top navigation. The active page marker uses the configured primary color. Adjust semantic CSS variables to fit a product palette while preserving the theme's familiar documentation layout.