python-tdd/src/templates/apps/dashboard/_partials/_applet-palette.html

<section
    id="id_applet_palette"
    class="palette"
    style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
>
    <h2>Palettes</h2>
    <div class="palette-scroll">
        {% for palette in palettes %}
            <div class="palette-item">
                <div class="swatch {{ palette.name }}{% if user_palette == palette.name %} active{% endif %}{% if palette.locked %} locked{% endif %}"></div>
                {% if not palette.locked %}
                    <form method="POST" action="{% url "set_palette" %}">
                        {% csrf_token %}
                        <button type="submit" name="palette" value="{{ palette.name }}" class="btn btn-confirm">OK</button>
                    </form>
                {% else %}
                    <span class="btn btn-disabled">&times;</span>
                {% endif %}
            </div>
        {% endfor %}
    </div>
</section>