🎨 Apparence
Epsylon se règle sur deux niveaux : une couleur de société, posée une fois pour tout le monde, et des réglages personnels que chacun ajuste pour lui seul.
Tout se trouve dans Mon profil → Préférences, section Préférences d'affichage.
Mode d'affichage
Trois choix, exclusifs :
| Mode | Effet |
|---|---|
| Clair | Interface claire en permanence |
| Sombre | Interface sombre en permanence |
| Système | Suit le réglage de votre ordinateur ou de votre téléphone, et bascule avec lui |
Le mode est strictement personnel : une société ne l'impose pas à ses utilisateurs.
💡 Un raccourci existe dans la barre du haut : l'icône 🌙 / ☀️ bascule directement entre clair et sombre.
Le mode choisi est enregistré sur votre compte utilisateur : vous le retrouvez d'un poste à l'autre.
Palette
La palette change l'ensemble des surfaces et l'accent de l'interface. Deux palettes sont proposées :
| Palette | Ambiance |
|---|---|
| Nova (par défaut) | Violet électrique et cyan |
| Graphite | Near-black neutre et ambre |
Chaque palette existe en clair et en sombre : le choix de la palette et celui du mode sont indépendants.
Les couleurs de statut (succès, alerte, retard) ne bougent pas d'une palette à l'autre : un badge « En retard » reste reconnaissable partout.
Couleur d'accent
Vous pouvez remplacer l'accent de la palette par une couleur de votre choix. Les fonds teintés, bordures et textes qui en découlent se recalculent automatiquement.
- Choisissez la couleur avec la pastille, ou saisissez son code hexadécimal (format
#rrggbb). - L'aperçu est immédiat : l'interface entière prend la couleur pendant que vous cherchez.
- Le bandeau sous le champ indique si la couleur est lisible, avec les deux rapports de contraste mesurés (texte des boutons, et accent sur le fond de l'application).
- Cliquez sur Appliquer pour l'enregistrer.
Le bloc Aperçu montre en direct un bouton plein, un bouton secondaire, un lien et deux badges de statut.
⚠️ Une couleur illisible est refusée avant d'être enregistrée, avec la raison (« Le texte des boutons serait illisible », « Trop proche du fond : les liens et icônes disparaîtraient ») et un bouton Utiliser #… qui propose la teinte valide la plus proche.
Revenir à la palette supprime votre accent personnel : vous retombez sur la couleur de la société, à défaut sur celle de la palette.
La palette et la couleur d'accent personnelles sont mémorisées sur le navigateur utilisé. Sur un autre poste, vous repartez de la couleur de la société.
Couleur de la société
Cette section n'apparaît qu'aux rôles Dirigeant et Admin système. Elle pose la couleur d'accent de tous les utilisateurs : c'est l'endroit où mettre la couleur de votre enseigne.
- Choisissez la couleur à la pastille ou au code hexadécimal.
- Enregistrer pour la société.
- Retirer revient à la couleur de la palette.
Elle obéit au même contrôle de lisibilité que l'accent personnel : une couleur trop pâle ou trop proche du fond est refusée.
Ordre de priorité : votre accent personnel, puis la couleur de la société, puis la palette. Chaque utilisateur peut donc redéfinir la couleur de l'enseigne pour son propre écran — le mode clair/sombre, lui, reste toujours personnel.
Confort de lecture
Un bouton ♿ flotte en bas à gauche de l'écran et ouvre le panneau Accessibilité, indépendant du thème :
| Réglage | Effet |
|---|---|
| Taille du texte | Agrandit ou réduit toute l'interface, de 80 % à 150 % |
| Contraste élevé | Noir et blanc francs, bordures marquées |
| Espacement élargi | Plus d'air entre les lettres, les mots et les lignes |
| Police lisible | Police adaptée à la dyslexie |
| Réduire les animations | Supprime les transitions |
Réinitialiser remet les cinq réglages à zéro. Ils sont propres au navigateur utilisé, et le bouton se colore tant qu'un réglage est actif.