authentik/passbook/core/templates/partials/messages.html

{% if messages %}
<ul class="pf-c-alert-group pf-m-toast">
    {% for msg in messages %}
    <li class="pf-c-alert-group__item">
        <div class="pf-c-alert pf-m-{{ msg.level_tag }} {% if msg.level_tag == 'error' %}pf-m-danger{% endif %}">
            <div class="pf-c-alert__icon">
                {% if msg.level_tag == 'error' %}
                <i class="fas fa-exclamation-circle"></i>
                {% elif msg.level_tag == 'warning' %}
                <i class="fas fa-exclamation-triangle"></i>
                {% elif msg.level_tag == 'success' %}
                <i class="fas fa-check-circle"></i>
                {% elif msg.level_tag == 'info' %}
                <i class="fas fa-info"></i>
                {% endif %}
            </div>
            <h4 class="pf-c-alert__title">
                {{ msg.message|safe }}
            </h4>
        </div>
    </li>
    {% endfor %}
</ul>
{% endif %}