The JSON files in this directory are generated from the default styles. To re-generate them, run:

go generate ..

Block elements contain other elements and are rendered around them. All block elements support the following style settings:

Elements inside a block inherit the block's following style settings:

The document element represents the markdown's body.

Style:

"document": {
    "indent": 2,
    "background_color": "234",
    "block_prefix": "\n",
    "block_suffix": "\n"
}

The paragraph element represents a paragraph in the document.

Style:

"paragraph": {
    "margin": 4,
    "color": "15",
    "background_color": "235"
}

The heading element represents a heading.

The h1 to h6 elements represent headings. h1 defines the most important heading, h6 the least important heading. Undefined attributes are inherited from the heading element.

Markdown:

# h1

## h2

### h3

Style:

"heading": {
    "color": "15",
    "background_color": "57"
},
"h1": {
    "prefix": "=> ",
    "suffix": " <=",
    "margin": 2,
    "bold": true,
    "background_color": "69"
},
"h2": {
    "prefix": "## ",
    "margin": 4
},
"h3": {
    "prefix": "### ",
    "margin": 6
}

Output:

The block_quote element represents a quote.

Style:

"block_quote": {
    "color": "200",
    "indent": 1,
    "indent_token": "=> "
}

Output:

The list element represents a list in the document.

Style:

"list": {
    "color": "15",
    "background_color": "52",
    "level_indent": 4
}

The code_block element represents a block of code.

Style:

"code_block": {
    "color": "200",
    "theme": "solarized-dark"
}

Output:

The table element represents a table of data.

Markdown:

| Label  | Value |
| ------ | ----- |
| First  | foo   |
| Second | bar   |

Style:

"table": {
    "margin": 4
}

Output:

All inline elements support the following style settings:

The text element represents a block of text.

Style:

"text": {
    "bold": true,
    "color": "15",
    "background_color": "57"
}

The item element represents an item in a list.

Markdown:

- First Item
    - Nested List Item
- Second Item

Style:

"item": {
    "block_prefix": "• "
}

Output:

The enumeration element represents an item in an ordered list.

Markdown:

1. First Item
2. Second Item

Style:

"enumeration": {
    "block_prefix": ". "
}

Output:

The task element represents a task item.

Markdown:

- [x] Finished Task
- [ ] Outstanding Task

Style:

"task": {
    "ticked": "✓ ",
    "unticked": "✗ "
}

Output:

The link element represents a link.

Markdown:

This is a [link](https://charm.sh).

Style:

"link": {
    "color": "123",
    "underline": true,
    "block_prefix": "(",
    "block_suffix": ")"
}

Output:

The link_text element represents the text associated with a link.

Style:

"link_text": {
    "color": "123",
    "bold": true
}

The image element represents an image.

Markdown:

![Image](https://charm.sh/logo.png).

Style:

"image": {
    "color": "123",
    "block_prefix": "[Image: ",
    "block_suffix": "]"
}

Output:

The image_text element represents the text associated with an image.

Style:

"image_text": {
    "color": "8"
}

The code element represents an inline code segment.

Style:

"code": {
    "color": "200"
}

Output:

The emph element represents an emphasized text.

Markdown:

This text is *emphasized*.

Style:

"emph": {
    "italic": true
}

Output:

The strong element represents important text.

Markdown:

This text is **strong**.

Style:

"strong": {
    "bold": true
}

Output:

The strikethrough element represents strikethrough text.

Markdown:

~~Scratch this~~.

Style:

"strikethrough": {
    "crossed_out": true
}

Output:

The hr element represents a horizontal rule.

Markdown:

---

Style:

"hr": {
    "block_prefix": "---"
}