Skip to content

Theme Configuration

Coming Soon

This detailed theme configuration guide is currently under development. We're working on comprehensive documentation for all theme options.

What This Page Will Cover

This guide will explain:

  • Color Schemes: Primary, accent, and custom color configuration
  • Typography: Font families, sizes, and weights
  • Navigation: Tabs, sections, and menu configuration
  • Features: Enabling and configuring theme features
  • Custom Properties: CSS variables and overrides
  • Dark Mode: Palette switching and automatic detection

Quick Start

While this page is being completed, here's a basic theme configuration:

theme:
  name: material
  palette:
    - scheme: default
      primary: indigo
      accent: indigo
      toggle:
        icon: material/brightness-7
        name: Switch to dark mode
    - scheme: slate
      primary: indigo
      accent: indigo
      toggle:
        icon: material/brightness-4
        name: Switch to light mode
  features:
    - navigation.tabs
    - navigation.sections
    - navigation.expand

Last updated: December 2024