Example: Styling

Styling can be done with custom css properties/variables.

For all available options take a look at the API.

For extreme cases (not recommended) it's also possible to disable the ShadowDOM, so all elements can be accessed directly.

CSS

/* Applying light mode */
release-notes-displayer{
    --release-notes-background-color-primary: #fff;
    --release-notes-color-primary: 0,0,0;
}

HTML

<release-notes-displayer 
    data='[
    {
        "notes": [
            "[Changed] Something changed"
        ],
        "version": "1.0.1"
    },
    {
        "notes": [
            "[Added] Added something",
            "[Fixed] Fixed something",
            "[Improved] Improved something",
            "[Removed] Removed something"
        ],
        "version": "1.0.0"
    }]' />