Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44, #45)

app/templates/focus.html

@@ -11,9 +11,9 @@
     {% include "_header.html" %}
 
     <main class="focus-main">
-        <p class="focus-intro">Tout ce qui est <strong>En cours</strong> ou <strong>En révision</strong>, tous projets actifs confondus.</p>
+        <div class="page-head"><div class="page-title"><h1>Focus</h1><p class="page-sub">Tout ce qui est <strong>En cours</strong> ou <strong>En révision</strong>, tous projets actifs confondus.</p></div></div>
         {% if not groups %}
-        <p class="focus-empty">🎉 Rien en cours ni en révision pour le moment.</p>
+        <p class="focus-empty">Rien en cours ni en révision pour le moment.</p>
         {% endif %}
         {% for group in groups %}
         <section class="focus-group">
@@ -26,7 +26,7 @@
                 <div class="kanban-card focus-card">
                     <div class="card-id">
                         #{{ card.issue.number }}
-                        <span class="chip" style="background: {{ column_colors[card.column] }}20; color: {{ column_colors[card.column] }}">
+                        <span class="chip" style="background: color-mix(in srgb, {{ column_colors[card.column] }} 25%, transparent); color: var(--text)">
                             {{ column_labels[card.column] }}
                         </span>
                         {% if card.issue.html_url %}
@@ -37,7 +37,7 @@
                     {% if card.issue.labels %}
                     <div class="card-labels">
                         {% for label in card.issue.labels %}
-                        <span class="label-tag" style="background: #{{ label.color }}30; color: #{{ label.color }}">
+                        <span class="label-tag" style="background: color-mix(in srgb, #{{ label.color }} 25%, transparent); color: var(--text)">
                             {{ label.name }}
                         </span>
                         {% endfor %}