History: Theme and brand color blocks

            {HTML()}
<div class="row my-4">
    <div class="col-sm-6 p-4">
        <h4 class="h3">tiki-theme-block-light</h4>
        <div class="tiki-theme-block-light p-4 rounded-4">
            <p>This is a <code>tiki-theme-block-light</code> content block.</p>
            <p>This is a <a href="https://tiki.org">link in this block.</a></p>
            <p class="border border-2">This is a paragraph in a bordered box.</p>
        </div>
    </div>
    <div class="col-sm-6 p-4">
        <h4 class="h3">tiki-theme-block-dark</h4>
        <div class="tiki-theme-block-dark p-4 rounded-4">
            <p>This is a <code>tiki-theme-block-dark</code> content block.</p>
            <p>This is a <a href="https://tiki.org">link in this block.</a></p>
            <p class="border border-2">This is a paragraph in a bordered box.</p>
        </div>
    </div>
</div>
<div class="row my-4">
    <div class="col-sm-6 p-4">
        <h4 class="h3">tiki-brand-block-light</h4>
        <div class="tiki-brand-block-light p-4 rounded-4">
            <p>This is a <code>tiki-brand-block-light</code> content block.</p>
            <p>This is a <a href="https://tiki.org">link in this block.</a></p>
            <p class="border border-2">This is a paragraph in a bordered box.</p>
        </div>
    </div>
    <div class="col-sm-6 p-4">
        <h4 class="h3">tiki-brand-block-dark</h4>
        <div class="tiki-brand-block-dark p-4 rounded-4">
            <p>This is a <code>tiki-brand-block-dark</code> content block.</p>
            <p>This is a <a href="https://tiki.org">link in this block.</a></p>
            <p class="border border-2">This is a paragraph in a bordered box.</p>
        </div>
    </div>
</div>{HTML}