Identité Kanbante : sidebar bleutée, accent rose → vert Kanbante, icônes ligne style Spark #54

Open
opened 2026-10-28 23:09:24 -04:00 by bruno · 0 comments
Owner

Constats (captures du 28 octobre 2026, v0.40.0)

  • La barre latérale a un fond plus bleuté que le reste du site, qui est charbon neutre depuis la 0.39.0.
  • L'accent du site est rose Spark, alors que l'identité Kanbante est le vert sarcelle de son icône (image 4, comme l'onglet Kanbante de la barre Fusion, #0d9488).
  • Les icônes de navigation de la barre latérale sont des emoji, alors que la référence est le rail de la console Spark (image 3) : icônes fines en trait, monochromes.

Causes identifiées (audit)

  • static/css/style.css : .sidebar utilise encore rgba(13, 16, 24, 0.96), un bleu-noir oublié par le re-thème 0.39.0 (l'en-tête, lui, est passé au charbon).
  • Accent : --accent: #c2437e (rose Spark) et --accent-2: #e078a8 dans tout le design system.
  • Icônes : app/templates/_header.html définit les liens de navigation avec des emoji.

Travail attendu

  • Sidebar : fond charbon draco (rgba(26, 28, 26, 0.96), comme l'en-tête), en sombre comme en clair (le clair reste blanc, déjà en place).
  • Accent : remplacer le rose par le vert Kanbante — --accent: #0d9488, second ton #14b8a6 en sombre (et #0f766e / #0d9488 en clair pour la lisibilité des liens), anneaux, focus, dégradés et valeurs de repli associés. La barre Fusion elle-même (Spark rose, marques des autres apps) n'est pas touchée : c'est un composant partagé.
  • Icônes : remplacer les emoji de la barre latérale par des icônes SVG fines en trait (stroke currentColor), dans le style du rail Spark, pour chaque entrée de navigation, y compris le logo Kanbante (colonnes kanban blanches sur fond vert sarcelle, comme l'icône image 4).
  • Couleurs sémantiques (vert/jaune/rouge de santé et de statut) inchangées.

Critère de validation

Vérifié par le build de l'utilisateur : sidebar de la même teinte charbon que le reste du site, accent vert partout (liens actifs, boutons, focus), icônes de navigation en trait monochrome, sans emoji dans la barre latérale.

## Constats (captures du 28 octobre 2026, v0.40.0) - La barre latérale a un fond plus bleuté que le reste du site, qui est charbon neutre depuis la 0.39.0. - L'accent du site est rose Spark, alors que l'identité Kanbante est le vert sarcelle de son icône (image 4, comme l'onglet Kanbante de la barre Fusion, #0d9488). - Les icônes de navigation de la barre latérale sont des emoji, alors que la référence est le rail de la console Spark (image 3) : icônes fines en trait, monochromes. ## Causes identifiées (audit) - `static/css/style.css` : `.sidebar` utilise encore `rgba(13, 16, 24, 0.96)`, un bleu-noir oublié par le re-thème 0.39.0 (l'en-tête, lui, est passé au charbon). - Accent : `--accent: #c2437e` (rose Spark) et `--accent-2: #e078a8` dans tout le design system. - Icônes : `app/templates/_header.html` définit les liens de navigation avec des emoji. ## Travail attendu - Sidebar : fond charbon draco (`rgba(26, 28, 26, 0.96)`, comme l'en-tête), en sombre comme en clair (le clair reste blanc, déjà en place). - Accent : remplacer le rose par le vert Kanbante — `--accent: #0d9488`, second ton `#14b8a6` en sombre (et `#0f766e` / `#0d9488` en clair pour la lisibilité des liens), anneaux, focus, dégradés et valeurs de repli associés. La barre Fusion elle-même (Spark rose, marques des autres apps) n'est pas touchée : c'est un composant partagé. - Icônes : remplacer les emoji de la barre latérale par des icônes SVG fines en trait (stroke currentColor), dans le style du rail Spark, pour chaque entrée de navigation, y compris le logo Kanbante (colonnes kanban blanches sur fond vert sarcelle, comme l'icône image 4). - Couleurs sémantiques (vert/jaune/rouge de santé et de statut) inchangées. ## Critère de validation Vérifié par le build de l'utilisateur : sidebar de la même teinte charbon que le reste du site, accent vert partout (liens actifs, boutons, focus), icônes de navigation en trait monochrome, sans emoji dans la barre latérale.
bruno added the kanban:todo label 2026-10-28 23:09:24 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Projets/kanbante#54