Splync 1.13: Förbättrad synlighet i mörkt läge

Som du kanske vet kan du ändra utseendet på din iPhone mellan ljust läge och mörkt läge. Om du inte är säker på hur man byter, följ dessa steg: Öppna Inställningar på din iPhone, scrolla ner och tryck på Visa & Ljusstyrka. Du kommer att se två förhandsvisningsbilder märkta Ljust och Mörkt. Tryck på den du föredrar för att tillämpa det. Detta gör att du kan anpassa din skärm för bättre synlighet och komfort beroende på din miljö. Ljust läge har funnits sedan den allra första iPhonen. Apple införde officiellt mörkt läge till iPhone och iPad med iOS 13 / iPadOS 13 i september 2019. Denna funktion glädde många iPhone-användare med anpassad UI-design. Vissa föredrar ljust läge, medan andra är passionerat hängivna mörkt läge. Du kan också välja Automatiskt, vilket växlar mellan de två lägena baserat på tid på dagen.

En app kan se perfekt ut i ljust läge men helt annorlunda i mörkt läge. I vissa fall kan mörkt läge oavsiktligt störa utvecklarens ursprungliga designintentioner, påverka färger, kontrast och estetik. Detta innebär att utvecklare noga måste designa och testa sina gränssnitt i båda lägena för att säkerställa en konsekvent och trevlig upplevelse för alla användare. En möjlig lösning är att förbereda separata vyer och bildresurser för ljust läge och mörkt läge. Men denna metod blir snabbt överflödig och svår att underhålla, särskilt när appen växer och nya UI-komponenter läggs till. Av denna anledning undviker de flesta utvecklare denna metod och förlitar sig istället på mer skalbara lösningar som automatiskt anpassar sig till båda lägen.

Som tur är införde Apple systemdefinierade färger som automatiskt anpassar sig till både ljust läge och mörkt läge. Genom att använda dessa inbyggda färger kan utvecklare säkerställa att deras UI-element justeras sömlöst baserat på användarens inställningar. Detta eliminerar behovet av att manuellt hantera separata designer och hjälper till att bibehålla visuell konsekvens över båda lägena. Till exempel ändras färger som label, systemBackground och secondarySystemBackground dynamiskt beroende på det aktuella utseendet, vilket gör att appar förblir läsbara och visuellt balanserade i alla miljöer. Det är därför, när du byter från ljust läge till mörkt läge, ändras standardtextfärgen från svart till vitt. Men om en app hårdkodar sin textfärg till svart, kommer texten att förbli svart även i mörkt läge, vilket gör den nästan osynlig mot en mörk bakgrund. För att förhindra detta problem förlitar sig utvecklare på systemfärger och säkerställer att text och UI-element automatiskt anpassar sig till lämplig färg för varje läge.

Splync var inte särskilt vänlig mot användare av mörkt läge i början. När en användare rapporterade att kategoriikonerna var svåra att se i mörkt läge kunde jag inte åtgärda det direkt. Vid den tiden var jag fokuserad på att förbättra appens kärnfunktioner, så jag prioriterade inte denna visuella fråga. Sedan kom det nya året 2026, och jag tog äntligen en närmare titt. Det jag upptäckte var enkelt men viktigt: Ikonbilderna själva var helt svarta. Tekniskt sett var de fastställda till färgen #000000. Detta innebär att de förblev svarta oavsett vilket läge telefonen använde. Så i mörkt läge satt svarta ikoner på en mörk bakgrund som kamouflage. Dessutom hade jag också använt en fast vit färg i min kod för att mjuka upp ikonernas bakgrunder. Detta fungerade bra i ljust läge, men i mörkt läge skapade det en besvärlig kontrast och kändes onaturligt.

Så här är vad jag ändrade. Istället för att tvinga färger, instruerar min reviderade kod appen att låta systemet bestämma ikonens färg automatiskt; Svart i ljust läge och vitt i mörkt läge. Dessutom säger koden till appen att använda varje kategoris egen färg som en mjuk bakgrundston, lägga till en subtil kant med samma kategorifärg och hålla allt rent och läsbart i båda lägena. Enkelt uttryckt slutade jag tvinga färger och lät iPhone hantera dem intelligent. Tack vare denna förbättring anpassar sig kategoriikoner nu naturligt till ljust och mörkt läge, vilket gör dem tydligt synliga och visuellt konsekventa i alla miljöer. Denna fix tog inte mycket tid, men jag beslutade att släppa en uppdatering omedelbart så att länge efterlängtade problem för användare av mörkt läge äntligen kunde lösas så snabbt som möjligt.

Det finns inget enda "perfekt" estetiskt. Alla har olika känsla för design. Till och med samma person kan känna olika beroende på dagen — eller till och med tid på dagen. Det som ser bra ut på morgonen kan kännas distraherande på kvällen. Därför måste utvecklare fokusera på anpassning samtidigt som de balanserar det med enkel och intuitiv användbarhet. Bra design handlar inte om att tvinga en stil. Det handlar om att låta användarna välja vad som känns rätt för dem — Det är vad jag tror.