Skip to main content
Kazari

CSS Variables

Styling driven by the --kz-* custom properties

8 posts

CSS Custom Properties

How Kazari uses CSS custom properties for styling, and how cascade layers and style resets protect code blocks.

Style Overrides

Programmatically set CSS custom property values from Go code.

Themes & Dark Mode

Configure light and dark themes, dark mode strategies, and per-block theme overrides.

CSS Variables

Complete reference for all --kz-* CSS custom properties.

Client-Side Extensibility

Use Kazari's DOM structure, data attributes, and event delegation to extend code blocks with CSS and JavaScript.

Icons

File icons in the title bar and language badges with optional icon slots.

Content Exclusion

Prevent documentation-site prose styles from leaking into code blocks.

Dual-Theme Rendering

How Kazari bakes both light and dark token colors into HTML and switches themes with pure CSS.