Sentry Starlight Theme

This playground exists to make theme changes visible while developing this package. It uses the local workspace package, so edits to src/styles/index.css, src/index.ts, and exported components are picked up by Astro during development.

What To Check

Use this page for broad layout checks. The other fixture pages focus on markdown content and code blocks.

Content fixtures

Headings, tables, quotes, lists, asides, cards, and long inline code.

Code fixtures

Editor frames, terminal frames, long lines, diffs, and copy controls.

Theme documentation

Install, configure, and verify the theme and agent Markdown plugin.

Design Notes

The theme is intentionally dark-only. The Starlight theme selector is replaced with an empty component by default, while project-level customCss remains available for small product-specific adjustments.

astro.config.mjs

import starlight from "@astrojs/starlight";
import sentryStarlightTheme from "@sentry/starlight-theme";
import { defineConfig } from "astro/config";

export default defineConfig({
  integrations: [
    starlight({
      title: "My Sentry project",
      plugins: [sentryStarlightTheme()],
    }),
  ],
});