Themes

Styling your Markdown content with themes

Markdown can be themed by specifying a theme attribute, e.g.;

<markdown theme="theme1">
 ...
</markdown>

When unspecified, this will default to a theme named default.

This attribute allows you to target CSS directly on the markdown.

The default theme includes some basic table styling and nothing more.

Custom Themes

When a markdown element is converted to markdown it is wrapped in a DIV with an attribute of theme=theme-name, according to your specified theme or default.

This can be used in CSS for example;

[theme=default] table {
    border-spacing: 10px 10px; 
    margin-bottom: 1rem; 
}