v2026.5.44 — onboarding équipe + personnalisation Apparence (couleur + police) + topbar refonte + abort instantané

Utilisation.md

@@ -110,9 +110,12 @@ Si EasyVista est inaccessible (panne, maintenance) :
 
 ## Configuration initiale (1er install)
 
-Au premier démarrage après installation, **aucun technicien n'est sélectionné** et **aucune absence récurrente n'est configurée** (depuis v2026.5.41). Le viewer affiche le message :
+Au premier démarrage après installation, **aucun technicien n'est sélectionné** et **aucune absence récurrente n'est configurée** (depuis v2026.5.41). Depuis **v2026.5.44**, le viewer affiche une **carte d'onboarding centrée** avec :
 
-> *"Aucun technicien sélectionné. Ouvrez ⚙ Paramètres → Équipe pour choisir le groupe EasyVista et cocher les techniciens à afficher."*
+- une icône (👥) cerclée en couleur accent
+- le titre **« Aucune équipe configurée »**
+- une description courte
+- un bouton **« Ouvrir paramètres »** qui te dépose directement sur la section Équipe du panel admin (plus besoin de cliquer sur la pastille initiales puis de chercher l'onglet).
 
 ### Procédure
 
@@ -137,21 +140,47 @@ De gauche à droite :
 |---|---|
 | **Pastille initiales** (RQ) | Votre user EasyVista. Cliquer ouvre un popup avec accès aux paramètres et au mode d'affichage |
 | **Planification** | Titre de l'app |
-| **◀ ▶** | Naviguer jour précédent / suivant |
-| **Date custom** (📅) | Affiche le jour sélectionné. Cliquer ouvre un sélecteur de date |
-| **Auj.** | Revient au jour courant |
+| **Aujourd'hui + horloge** (depuis v2026.5.44) | Bloc encadré : bouton « Aujourd'hui » qui ramène au jour courant + date + heure réelles, taille discrète |
 | **Synchronisé à HH:MM** | Heure du dernier rafraîchissement |
-| **Date + heure courantes** | Centrées dans la topbar |
+| **◀ ▶** | Naviguer jour précédent / suivant |
+| **Date du planning** (centrée) | Affiche le jour sélectionné en gros (ex: « Vendredi 24.04.2026 »). Cliquer ouvre un sélecteur de date. **Depuis v2026.5.44 : ancrée au centre absolu**, ne se décale plus quand le bouton « Arrêter » apparaît à droite |
 | **Compteur session** | Apparaît à moins de 5 min restantes EV (avec bouton "Prolonger") |
 | **Absence** | Créer une absence pour un ou plusieurs techs |
 | **Douchette** | Envoyer le planning sur la douchette des techs |
 | **Actualiser** | Re-fetch rapide (pas les fiches déjà connues) |
 | **Tout recharger** | Re-fetch complet (planning + fiches) |
+| **✕ Arrêter** (pendant un refresh) | Annule le rafraîchissement en cours. **Depuis v2026.5.44 : abort instantané** via `AbortController` (au lieu d'attendre la fin du fetch en cours) |
 | **Vider cache** | Supprime le cache du jour affiché |
 | **🌙 / ☀️** | Toggle thème clair / sombre |
 
 ---
 
+## Personnaliser l'apparence (depuis v2026.5.44)
+
+**Pastille initiales** → **⚙ Paramètres** → onglet **Apparence**.
+
+### Couleur de la barre du haut
+
+- **12 presets** cliquables : Défaut, Blanc, Gris clair, Anthracite, Bleu DGNSI, Marine, Vert sapin, Brique, Violet, Rouge, Bleu pastel, Vert pastel.
+- **Couleur perso** : picker `<input type="color">` ou champ hex `#rrggbb` pour saisir n'importe quelle couleur.
+- **Réinitialiser** : retour à la couleur par défaut (`--bg-elevated` du thème).
+
+La couleur s'applique à la **topbar** (vue classique) ET à la **sidebar gauche** (vue horizontale, si la couleur est définie). **Le texte s'adapte automatiquement** : l'extension calcule la luminance de la couleur choisie et utilise du texte blanc sur fond foncé, foncé sur fond clair, pour rester toujours lisible.
+
+### Police de l'application
+
+Sélecteur avec **28 choix**, chaque option affichée dans sa propre police :
+
+- **Sans-serif** : Système (recommandé), Arial, Helvetica, Verdana, Tahoma, Trebuchet MS, Calibri, Segoe UI, Gill Sans, Futura, Optima
+- **Serif** : Times New Roman, Georgia, Cambria, Garamond, Palatino, Bookman
+- **Monospace** : Courier New, Consolas, Lucida Console, JetBrains Mono / Fira Code
+- **Display** : Comic Sans MS, Impact, Brush Script, Copperplate
+- **Condensée** : Arial Narrow / Helvetica Narrow
+
+La police choisie s'applique à **TOUTE la page** : topbar, cartes techs, popups, tooltips, panel admin. Un **aperçu live** à droite du select montre le rendu sur le texte « Vendredi 24.04.2026 ».
+
+---
+
 ## Les cartes des techniciens
 
 Chaque technicien a une carte qui contient :