Configuration

Astro Config

The main configuration lives in astro.config.mjs:

astro.config.mjs
import { defineConfig } from 'astro/config';
import mdx from '@astrojs/mdx';

export default defineConfig({
  site: 'https://docs.example.com',
  integrations: [mdx()],
});

Theme

All colors and spacing live as CSS variables in src/styles/global.css. Override the :root and :root[data-theme="dark"] blocks to rebrand.

Docs navigation is section-scoped: header tabs pick the section, each page shows a breadcrumb plus an In this section index. Restructure in src/lib/nav.ts and mdFiles/.pages.