SolidBase includes a default theme for documentation sites.

You can use the default theme as-is, or customize it to fit your needs. For more information on customizing the default theme, refer to the Extending Themes guide.

To access the variables used by the default theme, refer to the CSS Variables reference.

Page Actions

Page action badges are rendered by Badges.

Configuration lives in:

• page frontmatter badges
• themeConfig.badges.icons

Theme Config

themeConfig supports these default-theme keys:

• footer: boolean
• socialLinks: Record<string, string | { link: string; logo?: string; label?: string }>
• badges: { icons?: Record<string, string | Component | { svg: string } | { component: Component }> }
• nav: Array<{ text: string; link: string; activeMatch?: string }>
• sidebar: SidebarConfig
• search: object
• fonts: { inter?: false; lexend?: false; jetbrainsMono?: false } | false
• text: Partial<DefaultThemeTextConfig>

Components

The default theme includes the following components that can be used in your markdown files and customized to fit your needs:

• Article
• Badges
• CopyPageLink
• Footer
• Header
• LastUpdated
• Link
• LocaleSelector
• ProjectSelector
• TableOfContents
• ThemeSelector
• VersionSelector
• Hero
• Features