result_template.html

<p>
    {% for token, label in token_labels %}<span class="highlight-{{ label }}">{{ token }}</span>{% endfor %}
</p>


<style>
    .highlight-1 {
        background: linear-gradient(90deg, transparent, rgba(255, 245, 235, 0.05), transparent);
    }

    .highlight-2 {
        background: linear-gradient(90deg, transparent, rgba(254, 230, 206, 0.10), transparent);
    }

    .highlight-3 {
        background: linear-gradient(90deg, transparent, rgba(253, 208, 162, 0.15), transparent);
    }

    .highlight-4 {
        background: linear-gradient(90deg, transparent, rgba(253, 141, 60, 0.20), transparent);
    }

    .highlight-5 {
        background: linear-gradient(90deg, transparent, rgba(241, 105, 19, 0.25), transparent);
    }

    .highlight-6 {
        background: linear-gradient(90deg, transparent, rgba(217, 72, 1, 0.30), transparent);
    }

    .highlight-7 {
        background: linear-gradient(90deg, transparent, rgba(127, 39, 4, 0.35), transparent);
    }

    .highlight-8 {
        background: linear-gradient(90deg, transparent, rgba(127, 39, 4, 0.40), transparent);
    }

    .highlight-9 {
        background: linear-gradient(90deg, transparent, rgba(127, 39, 4, 0.45), transparent);
    }

    .highlight-10 {
        background: linear-gradient(90deg, transparent, rgba(127, 39, 4, 0.50), transparent);
    }

</style>