Simple Card
Cards are great for feature highlights. They automatically use theme colors.
Getting Started
This is a clean documentation page. All styling comes from Starlight’s theme system automatically. No hardcoded colors.
Standard Markdown
Section titled “Standard Markdown”Regular paragraphs, bold text, italic text, and inline code all work automatically.
- Bullet lists work
- No custom styling needed
- They inherit theme colors
- Numbered lists too
- Everything is themed
- Automatically
Code Blocks
Section titled “Code Blocks”function example() { return "Code blocks are automatically styled";}Tables
Section titled “Tables”| Feature | Status | Notes |
|---|---|---|
| Markdown | Works | Auto-themed |
| Components | Works | Auto-themed |
| Custom HTML | Avoid | Needs manual colors |
Starlight Components
Section titled “Starlight Components”Asides (Callouts)
Section titled “Asides (Callouts)”Another Card
No need to specify colors - everything inherits from the theme.
Link Cards
Section titled “Link Cards”Installation Guide Get started with the setup process.
App Help Learn about app features.
Download the .dmg file and drag to Applications.
Run the .exe installer and follow the prompts.
Use the .AppImage or install via package manager.
Connect your data
Upload a file or connect to a database.
Ask a question
Type your question in plain English.
Get insights
Review the analysis and visualizations.
Badges
Section titled “Badges”Status: Stable
Version: v2.0
What to Avoid
Section titled “What to Avoid”Don’t do this in new docs:
// ❌ BAD - Hardcoded colors that bypass theming<div class="bg-violet-900/20 border-purple-700 text-emerald-200"> Custom styled content</div>Instead, use Starlight components or standard markdown which automatically inherit theme colors.
Summary
Section titled “Summary”For sustainable docs that respect the theme:
- Use standard markdown for text, lists, code, tables
- Use Starlight components for callouts, cards, tabs, steps
- Avoid custom HTML with hardcoded Tailwind colors