Splync 1.13: Verbesserte Sichtbarkeit im Dunkelmodus

Wie du vielleicht weißt, kannst du das Erscheinungsbild deines iPhones zwischen hellem und dunklem Modus ändern. Wenn du nicht weißt, wie es geht, folge diesen Schritten: Öffne die iPhone-Einstellungen, scrolle nach unten und tippe auf Anzeige & Helligkeit. Du siehst zwei Vorschau-Bilder mit den Bezeichnungen Hell und Dunkel. Tippe auf das, das du bevorzugst. So kannst du deinen Bildschirm für bessere Sichtbarkeit und Komfort je nach Umgebung anpassen. Den hellen Modus gibt es seit dem ersten iPhone. Apple führte den Dunkelmodus im September 2019 mit iOS 13 / iPadOS 13 für iPhone und iPad ein. Diese Funktion erfreute viele iPhone-Nutzer mit einer angepassten Benutzeroberfläche. Manche bevorzugen den hellen Modus, während andere leidenschaftlich den Dunkelmodus lieben. Du kannst auch "Automatisch" wählen, das je nach Tageszeit zwischen den Modi wechselt.

Eine App könnte im hellen Modus perfekt aussehen, aber im Dunkelmodus völlig anders wirken. Manchmal kann der Dunkelmodus das ursprüngliche Design des Entwicklers unbeabsichtigt stören, was Farben, Kontrast und Ästhetik betrifft. Deshalb müssen Entwickler ihre Schnittstellen in beiden Modi sorgfältig gestalten und testen, um eine konsistente und angenehme Nutzererfahrung zu gewährleisten. Eine mögliche Lösung ist das Vorbereiten separater Ansichten und Bildressourcen für hellen und dunklen Modus. Doch dieser Ansatz wird schnell redundant und schwer zu pflegen, vor allem, wenn die App wächst und neue UI-Komponenten hinzukommen. Aus diesem Grund vermeiden die meisten Entwickler diese Methode und setzen stattdessen auf skalierbarere Lösungen, die sich automatisch an beide Erscheinungsmodi anpassen.

Glücklicherweise führte Apple systemdefinierte Farben ein, die sich automatisch an den hellen und dunklen Modus anpassen. Durch die Nutzung dieser integrierten Farben können Entwickler sicherstellen, dass sich ihre UI-Elemente nahtlos an die Erscheinungseinstellungen des Nutzers anpassen. Dies beseitigt die Notwendigkeit, separate Designs manuell zu verwalten, und hilft, visuelle Konsistenz in beiden Modi zu wahren. Zum Beispiel ändern sich Farben wie Label, systemBackground und secondarySystemBackground dynamisch je nach aktueller Erscheinung, was Apps lesbar und visuell ausgewogen in jeder Umgebung hält. Deshalb ändert sich beim Wechsel vom hellen zum dunklen Modus die Standardtextfarbe von Schwarz zu Weiß. Wenn eine App jedoch ihren Text auf Schwarz festlegt, bleibt dieser auch im Dunkelmodus schwarz und ist gegen einen dunklen Hintergrund fast unsichtbar. Um dieses Problem zu vermeiden, verlassen sich Entwickler auf Systemfarben, um sicherzustellen, dass Text und UI-Elemente automatisch die entsprechende Farbe für jeden Modus annehmen.

Splync war anfangs nicht sehr benutzerfreundlich im Dunkelmodus. Als ein Nutzer berichtete, dass die Kategoriekacheln im Dunkelmodus schwer zu erkennen sind, konnte ich das Problem nicht sofort beheben. Zu dieser Zeit konzentrierte ich mich auf die Verbesserung der Kernfunktionen der App und priorisierte dieses visuelle Problem nicht. Anfang 2026 schaute ich mir das Problem schließlich genauer an. Was ich entdeckte, war einfach aber entscheidend: Die Kacheln selbst waren tiefschwarz. Technisch gesehen waren sie auf die Farbe #000000 festgelegt. Das bedeutete, dass sie unabhängig vom Modus des Telefons schwarz blieben. Im Dunkelmodus wirkten schwarze Kacheln auf einem dunklen Hintergrund wie Tarnung. Darüber hinaus hatte ich in meinem Code eine feste weiße Farbe verwendet, um die Kachelhintergründe weicher zu gestalten. Das funktionierte im hellen Modus gut, aber im Dunkelmodus erzeugte es einen unnatürlichen Kontrast.

Hier ist, was ich verändert habe. Anstatt Farben zu erzwingen, weist mein überarbeiteter Code die App an, die Systemfarbe der Kacheln automatisch bestimmen zu lassen; Schwarz im hellen Modus und Weiß im Dunkelmodus. Zusätzlich weist der Code die App an, die Farbe jeder Kategorie als weichen Hintergrundton zu verwenden, einen subtilen Rand mit derselben Kategoriefarbe hinzuzufügen und alles in beiden Modi sauber und lesbar zu halten. Einfach gesagt, ich habe aufgehört, Farben zu erzwingen, und lasse das iPhone sie intelligent handhaben. Dank dieser Verbesserung passen sich die Kategoriekacheln jetzt natürlich an den hellen und dunklen Modus an, sind klar sichtbar und visuell konsistent in jeder Umgebung. Diese Korrektur hat nicht viel Zeit in Anspruch genommen, aber ich entschied mich, ein Update sofort zu veröffentlichen, damit die lang erwarteten Probleme für Dunkelmodus-Nutzer schnellstmöglich behoben werden konnten.

Es gibt kein einziges „perfektes“ Design. Jeder hat ein anderes Empfinden für Design. Selbst dieselbe Person kann sich je nach Tag oder sogar Tageszeit anders fühlen. Was morgens großartig aussieht, kann abends ablenken. Deshalb müssen Entwickler den Fokus auf Anpassung legen und sie mit einfacher und intuitiver Benutzerfreundlichkeit verbinden. Gutes Design bedeutet nicht, einen Stil aufzuzwingen. Es geht darum, den Nutzern die Wahl zu lassen, was sich für sie richtig anfühlt — das ist meine Überzeugung.