Theme Demo

This section showcases all the UI elements styled by the dark theme. Use these pages to see how different AsciiDoc elements render in both light and dark modes.

Use the theme toggle button in the navbar (sun/moon icon) to switch between light and dark modes.

Demo Pages

Page Description

Typography

Headings, paragraphs, inline formatting, and links

Code Blocks

Syntax-highlighted source code examples

Admonitions

Note, tip, warning, caution, and important blocks

Tables

Various table layouts and styles

Blocks & Quotes

Sidebars, examples, quotes, and literal blocks

Lists

Ordered, unordered, and description lists

Images & Media

Image blocks and figure captions

Extensions

Tabs, diagrams, math, embeds, and third-party integrations

Quick Code Example

// Toggle dark mode programmatically
function toggleTheme() {
  document.documentElement.classList.toggle('dark-theme');
}
For installation and usage instructions, see Getting Started.