Splync 1.13 : Amélioration de la visibilité en mode sombre

Comme vous le savez peut-être, vous pouvez alterner l'apparence de votre iPhone entre le mode clair et le mode sombre. Si vous ne savez pas comment faire, suivez ces étapes : Ouvrez les Réglages de votre iPhone, descendez et appuyez sur Affichage et Luminosité. Vous verrez deux aperçus intitulés Clair et Sombre. Appuyez sur celui que vous préférez pour l'appliquer. Cela vous permet de personnaliser votre écran pour une meilleure visibilité et un plus grand confort selon votre environnement. Le mode clair existe depuis le tout premier iPhone. Apple a officiellement introduit le mode sombre sur iPhone et iPad avec iOS 13 / iPadOS 13 en septembre 2019. Cette fonctionnalité a ravi de nombreux utilisateurs d'iPhone avec une apparence UI personnalisée. Certains préfèrent le mode clair, tandis que d'autres sont passionnés par le mode sombre. Vous pouvez également choisir Automatique, qui bascule entre les deux modes en fonction de l'heure de la journée.

Une application peut sembler parfaite en mode clair mais complètement différente en mode sombre. Parfois, le mode sombre peut perturber involontairement les intentions de design originales du développeur, affectant les couleurs, le contraste et l'esthétique globale. Cela signifie que les développeurs doivent concevoir et tester soigneusement leurs interfaces dans les deux modes pour garantir une expérience cohérente et agréable pour tous les utilisateurs. Une solution possible est de préparer des vues et des ressources d'images séparées pour le mode clair et le mode sombre. Cependant, cette approche devient rapidement redondante et difficile à maintenir, surtout à mesure que l'application se développe et que de nouveaux composants UI sont ajoutés. C'est pourquoi la plupart des développeurs évitent cette méthode et se fient plutôt à des solutions plus évolutives qui s'adaptent automatiquement aux deux modes d'apparence.

Heureusement, Apple a introduit des couleurs définies par le système qui s'adaptent automatiquement aux modes clair et sombre. En utilisant ces couleurs intégrées, les développeurs peuvent s'assurer que leurs éléments UI s'ajustent parfaitement en fonction des paramètres d'apparence de l'utilisateur. Cela évite de devoir gérer manuellement des designs séparés et aide à maintenir une cohérence visuelle entre les deux modes. Par exemple, des couleurs comme label, systemBackground et secondarySystemBackground changent dynamiquement selon l'apparence actuelle, permettant aux applications de rester lisibles et équilibrées visuellement dans n'importe quel environnement. C'est pourquoi, lorsque vous passez du mode clair au mode sombre, la couleur de texte par défaut passe du noir au blanc. Cependant, si une application code en dur sa couleur de texte en noir, le texte restera noir même en mode sombre, le rendant presque invisible sur un fond sombre. Pour éviter ce problème, les développeurs se basent sur les couleurs du système, garantissant que le texte et les éléments UI s'adaptent automatiquement à la couleur appropriée pour chaque mode.

Au début, Splync n'était pas très amical envers les utilisateurs du mode sombre. Lorsqu'un utilisateur a signalé que les icônes de catégorie étaient difficiles à voir en mode sombre, je n'ai pas pu y remédier immédiatement. À l'époque, je me concentrais sur l'amélioration des fonctionnalités principales de l'application, donc je n'ai pas priorisé ce problème visuel. Puis l'année 2026 est arrivée, et j'ai finalement examiné de plus près. Ce que j'ai découvert était simple mais important : les images des icônes elles-mêmes étaient noires pures. En termes techniques, elles étaient fixées à la couleur #000000. Cela signifie qu'elles restaient noires quel que soit le mode utilisé par le téléphone. Ainsi, en mode sombre, les icônes noires se trouvaient sur un fond sombre comme du camouflage. De plus, j'avais également utilisé une couleur blanche fixe dans mon code pour adoucir les fonds des icônes. Cela fonctionnait bien en mode clair, mais en mode sombre, cela créait un contraste maladroit et ne semblait pas naturel.

Voici donc ce que j'ai changé. Au lieu de forcer les couleurs, mon code révisé demande à l'application de laisser le système décider automatiquement de la couleur des icônes : noir en mode clair et blanc en mode sombre. De plus, le code indique à l'application d'utiliser la couleur propre à chaque catégorie comme teinte de fond douce, d'ajouter une bordure subtile en utilisant la même couleur de catégorie, et de garder tout propre et lisible dans les deux modes. En termes simples, j'ai cessé de forcer les couleurs et ai laissé l'iPhone les gérer intelligemment. Grâce à cette amélioration, les icônes de catégorie s'adaptent désormais naturellement aux modes clair et sombre, les rendant clairement visibles et visuellement cohérentes dans n'importe quel environnement. Cette correction n'a pas pris beaucoup de temps, mais j'ai décidé de publier une mise à jour immédiatement afin que les problèmes attendus depuis longtemps pour les utilisateurs du mode sombre puissent enfin être résolus aussi rapidement que possible.

Il n'y a pas d'esthétique "parfaite" unique. Chacun a un sens du design différent. Même une même personne peut ressentir différemment selon le jour — ou même selon l'heure de la journée. Ce qui semble génial le matin peut sembler distrayant le soir. C'est pourquoi les développeurs doivent se concentrer sur la personnalisation, tout en la conciliant avec une utilisation simple et intuitive. Un bon design ne consiste pas à imposer un style unique. Il s'agit de laisser les utilisateurs choisir ce qui leur convient — C'est ce que je crois.