Styling & exports

Overriding styles

The theme is a single stylesheet of CSS custom properties. Override the tokens after the theme loads:

:root {
  --accent: #c0392b;
  --content-width: 48rem;
}

Package exports

Import	What
`astro-blog-theme`	the integration (default export)
`astro-blog-theme/content`	`blogSchema`
`astro-blog-theme/layouts/BaseLayout.astro`	page shell (head, header, footer)
`astro-blog-theme/layouts/PostLayout.astro`	single-post layout
`astro-blog-theme/components/*.astro`	`Header`, `Footer`, `PostCard`, `Figure`, `Gallery`, …
`astro-blog-theme/posts`	`getPosts`, `getAllPosts`, `getRelated`, …
`astro-blog-theme/tags`	`getTags`, `tagUrl`, `tagSlug`
`astro-blog-theme/series`	`getSeriesList`, `getSeriesContexts`, …
`astro-blog-theme/gallery`	`getGalleryItems`, `getAllGalleryItems`, `getGalleryFacets`
`astro-blog-theme/i18n`	`t`, `locales`, `defaultLocale`, `blogPostHref`, …
`astro-blog-theme/styles.css`	the stylesheet (already loaded by the layouts)
`virtual:astro-blog-theme/config`	the resolved options object

Everything is distributed as source (.astro/.ts), the way a Hugo theme is consumed as source — no separate build step between the theme repository and your project.

PWA