docspell/website/site/templates/shortcodes/infobubble.html

<div class="my-3 rounded border border-indigo-200 bg-indigo-100 bg-opacity-40 text-indigo-400 shadow shadow-indigo-200  dark:bg-cyan-500 dark:bg-opacity-30 dark:text-cyan-100 dark:border-cyan-700 dark:shadow-none">
    <div class="px-1 py-1 border-b border-indigo-200 font-medium w-full bg-indigo-200 bg-opacity-60 dark:bg-cyan-700 dark:border-cyan-700">
        <i class="fa fa-info mx-2" ></i>
        {{ title }}
    </div>

    <div class="px-2">
        {{ body | markdown | safe }}
    </div>
</div>