Recipes

Linked HTML with CSS theme file

Render HTML linked output and style it with a theme CSS file.

import '@lumis-sh/themes/css/catppuccin_frappe.css'
import {highlight} from '@lumis-sh/lumis'
import {htmlLinked} from '@lumis-sh/lumis/formatters'
import javascript from '@lumis-sh/lumis/langs/javascript'

const html = await highlight('const x = 1', htmlLinked({language: javascript, preClass: 'demo'}))

See CSS Theme Files for stylesheet mounting details.

Auto-detect language

Let Lumis infer the language from content, filename, or shebang.

Multi-theme HTML

Render HTML that carries multiple themes for light and dark mode.