C’est la fonctionnalité la plus demandée depuis des mois, et elle est enfin là. BlaBlaNote dispose désormais d’un véritable mode sombre. Pas une version à moitié finie où « on a juste inversé quelques arrière-plans », mais un thème sombre réel, de bout en bout, qui couvre chaque recoin de l’app : ta liste de contacts, les détails d’interaction, le mode événement, la synchronisation LinkedIn, les intégrations de calendrier, la cadence de réseautage, les paramètres de profil, chaque état vide, chaque modale, chaque badge.
Si tu t’es déjà retrouvé à plisser les yeux sur BlaBlaNote à 23h après une longue journée de réunions, ou à enregistrer une note vocale depuis ton lit et à être ébloui par un écran blanc, cette nouveauté est pour toi.
Trois modes, une seule décision
Ouvre les paramètres de ton profil et tu trouveras une nouvelle section « Jeu de couleurs » avec trois options :
- Automatique suit ton système d’exploitation. Si ton Mac, Windows, iPhone ou Android est réglé sur le mode sombre, BlaBlaNote est sombre. Quand ton OS bascule au coucher du soleil, BlaBlaNote bascule avec lui. Pas de rafraîchissement, pas de friction du type « recharger la page pour appliquer les changements ». Ça se fait juste.
- Clair est le BlaBlaNote classique que tu connais déjà. Toujours lumineux, toujours identique.
- Sombre reste sombre, peu importe ce que fait le reste de ton appareil. Si tu vis en mode sombre partout, c’est probablement ton choix.
Chaque option a un petit aperçu visuel pour que tu puisses voir ce que tu choisis avant de t’engager. L’aperçu reste constant quel que soit le thème actuel, tu peux donc comparer des pommes avec des pommes.
Nous n’avons pas juste inversé les couleurs
N’importe quel designer te dira que le mode sombre n’est pas un « mode clair avec un fond noir ». Quand tu inverses les couleurs naïvement, tu te retrouves avec du texte boueux, des états désactivés illisibles, des bordures qui disparaissent dans l’arrière-plan, et des graphiques qui ressemblent à une scène de crime. Nous avons tous utilisé des apps qui ont mal géré ça.
Nous avons donc construit la palette sombre de zéro. Les arrière-plans utilisent une approche en couches : un noir profond presque noir pour la page, un ton légèrement plus clair pour les cartes et les panneaux, et un troisième niveau pour les éléments survolés ou sélectionnés. Cette séparation est ce qui donne à l’interface utilisateur une sensation de solidité au lieu de donner l’impression que tout flotte sur une feuille plate.
Chaque couleur de texte a été auditée selon les exigences de contraste WCAG AA. Cela signifie que le gris qui apparaît comme « information secondaire » en mode clair a son équivalent dédié en mode sombre, choisi de manière à rester confortablement lisible sans t’agresser visuellement. Idem pour les boutons désactivés, le texte d’espace réservé, les bordures, les anneaux de focus et les états de survol. Nous avons passé plus de temps sur les cas limites que sur les surfaces principales, car c’est là que le mode sombre s’effondre généralement.
Les détails qui nous ont obsédés
Voici quelques points auxquels nous avons porté une attention particulière :
- Pas de flash au chargement. Quand tu ouvres BlaBlaNote et que tu es en mode sombre, tu ne vois pas un quart de seconde de blanc aveuglant avant que le thème ne s’active. Le thème est appliqué avant le premier rendu, donc l’app démarre immédiatement avec les bonnes couleurs.
- Tes écrans LinkedIn, Calendrier et intégrations. Ce sont parmi les parties les plus visuellement denses de l’app, avec beaucoup de cartes, d’avatars, de badges de statut et de boutons. Chacun d’eux a bénéficié d’un passage en mode sombre, y compris les cartes d’intégration délicates qui devaient conserver des hauteurs correspondantes côte à côte.
- Cadence de réseautage et suivis. Les boutons radio, les options désactivées et les bannières « prochain contact dû » ont tous été repensés pour rester lisibles en mode sombre. Si tu utilises BlaBlaNote pour gérer ton rythme de réseautage, tu remarqueras la différence dès le premier jour.
- Mode événement et aperçus pré-événement. Tu enregistres lors d’une conférence la nuit ? Les cartes de statistiques, les états vides et les avatars des invités s’adaptent tous, de sorte que le réseautage événementiel intelligent reste lisible lorsque les lumières s’éteignent.
- Couleurs de marque des relations. Nos accents bleu et or de la marque ont des variantes en mode sombre afin qu’ils restent vibrants sans briller de manière radioactive sur un fond noir.
- Résumés IA et cartes de tâches. Les panneaux où BlaBlaNote affiche tes conversations organisées et les éléments d’action extraits ont reçu le même traitement de contraste soigné, car c’est là que tu lis réellement, pas seulement que tu jettes un coup d’œil.
Facilement accessible depuis n’importe où
Les paramètres, c’est bien, mais parfois tu veux changer le thème sans devoir naviguer à travers trois menus. Sur ordinateur, il y a un bouton « Thème » dédié en bas de la barre latérale. Un clic et le sélecteur s’ouvre, montrant déjà le mode dans lequel tu te trouves. Sur mobile, où la barre latérale se replie, le même sélecteur de thème se trouve dans le menu utilisateur. Dans tous les cas, tu n’es jamais à plus d’un ou deux taps.
Peu importe où tu l’ouvres, tu obtiens les trois mêmes options, tu en choisis une, et toute l’app change instantanément. Pas de rafraîchissement, pas de bouton « appliquer », pas d’attente.
Pourquoi « Automatique » est probablement ce que tu veux
Si tu n’es pas sûr du mode à choisir, opte pour Automatique. Voici pourquoi.
La plupart des systèmes d’exploitation modernes gèrent déjà très bien le changement de thème à des moments opportuns : au coucher du soleil, lorsque tu actives un mode nuit programmé, ou lorsque tu es dans un environnement sombre. Ton OS en sait beaucoup sur ton contexte actuel que BlaBlaNote ignore. En suivant le système, BlaBlaNote devient cohérent avec toutes les autres applications que tu utilises. Fini les moments où tu te dis « pourquoi cette app est encore toute blanche » quand tu passes de ton email à ton CRM la nuit.
Le mode Automatique écoute le système en permanence. Si tu es en pleine réunion et que le soleil se couche et que ton ordinateur passe en mode sombre, BlaBlaNote bascule aussi, sans aucune intervention de ta part. Si tu as un emploi du temps fixe et préfères un contrôle total, choisis explicitement Clair ou Sombre. Les deux sont valides. Il n’y a pas de mauvaise réponse.
Il se souvient de toi
Ton choix est stocké localement sur chaque appareil. Cela signifie que tu peux avoir BlaBlaNote sur ton ordinateur portable en mode Automatique (pour qu’il suive ta journée de travail), sur ton téléphone en Sombre (car tu l’utilises principalement le soir), et sur ta tablette en Clair (car tu y lis des articles pendant la journée). Chaque appareil conserve sa propre préférence.
Nous ne synchronisons pas cela entre les appareils exprès. Le mode sombre est une décision locale, dépendante du contexte. L’éclairage de ton bureau n’est pas l’éclairage de ta chambre, et l’app qui convient sur un grand moniteur externe n’est pas l’app qui convient sur un téléphone la nuit. Les préférences par appareil sont la réponse honnête.
Et ensuite ?
Le mode sombre a été un gros projet. Il a touché pratiquement chaque composant Vue de l’app, et nous en avons profité pour corriger de nombreuses incohérences de couleurs que nous avions accumulées au fil du temps. L’app semble plus cohérente maintenant, dans les deux thèmes, comme effet secondaire.
Quelques pistes que nous envisageons pour la prochaine itération :
- Thèmes programmés, où tu pourrais dire « sombre après 20h » indépendamment de ton réglage OS, pour les personnes dont le système d’exploitation n’offre pas un contrôle détaillé.
- Thème natif de la barre de statut sur mobile, afin que la barre de statut supérieure sur iOS et Android s’adapte également. Actuellement, l’interface utilisateur de l’app change, mais la barre système reste sur ce que ton OS dicte. Ce n’est pas incorrect, mais il manque une touche de finition pour que ce soit parfait.
- Quelques options de couleurs d’accentuation supplémentaires pour les utilisateurs qui souhaitent personnaliser davantage, un peu comme un esprit « BlaBlaNote mais avec tes couleurs ».
Rien de tout cela n’est encore sur un calendrier. Nous voulions d’abord livrer le mode sombre, l’utiliser nous-mêmes pendant quelques semaines, puis voir ce qui valait vraiment la peine d’être développé ensuite en fonction de tes retours.
Essaie-le ce soir
Si tu es déjà un utilisateur de BlaBlaNote, ouvre ton profil, cherche la section « Jeu de couleurs » et choisis ton mode. Trente secondes, zéro risque, soulagement instantané pour tes yeux. Si tu veux commencer avec Automatique, ton OS fera le reste du travail pour toi.
Si tu n’es pas encore utilisateur et que tu as hésité parce que BlaBlaNote était « trop lumineux », cette excuse est officiellement retirée. Commence ton essai gratuit, choisis Sombre dès le départ, et prépare ta prochaine réunion sans te brûler la rétine.
Nous espérons que tu l’aimeras. Et si quelque chose te semble bizarre dans un coin de l’app que nous n’avons pas repéré, dis-le-nous. Le mode sombre est l’une de ces fonctionnalités où les cinq derniers pour cent sont invisibles jusqu’à ce que quelqu’un utilise l’app pour de vrai et trouve le cas limite que nous avons manqué. Nous préférons le corriger plutôt que de prétendre que c’est parfait.
Bonnes prises de notes nocturnes.
