Splync 1.13: Visibilidad Mejorada en Modo Oscuro

Como sabrás, puedes cambiar la apariencia de tu iPhone entre el Modo Claro y el Modo Oscuro. Si no sabes cómo hacerlo, sigue estos pasos: abre Configuración, desplázate hacia abajo y toca Pantalla y Brillo. Verás dos imágenes de vista previa etiquetadas como Claro y Oscuro. Toca la que prefieras para aplicarla. Esto te permite personalizar tu pantalla para mejorar la visibilidad y la comodidad según tu entorno. El Modo Claro ha existido desde el primer iPhone. Apple introdujo oficialmente el Modo Oscuro en iPhone y iPad con iOS 13 / iPadOS 13 en septiembre de 2019. Esta función complació a muchos usuarios de iPhone con una apariencia de interfaz personalizada. Algunas personas prefieren el Modo Claro, mientras que otras están apasionadamente devotas al Modo Oscuro. También puedes elegir Automático, que cambia entre los dos modos según la hora del día.

Una app puede verse perfecta en Modo Claro pero parecer completamente diferente en Modo Oscuro. En algunos casos, el Modo Oscuro puede interrumpir sin querer las intenciones de diseño originales del desarrollador, afectando colores, contrastes y estética general. Esto significa que los desarrolladores deben diseñar y probar cuidadosamente sus interfaces en ambos modos para asegurar una experiencia consistente y agradable para todos los usuarios. Una solución posible es preparar vistas y recursos de imagen separados para el Modo Claro y el Modo Oscuro. Sin embargo, este enfoque rápidamente se vuelve redundante y difícil de mantener, especialmente a medida que la app crece y se añaden nuevos componentes de UI. Por esta razón, la mayoría de los desarrolladores evitan este método y en su lugar dependen de soluciones más escalables que se adapten automáticamente a ambos modos de apariencia.

Por suerte, Apple introdujo colores definidos por el sistema que se adaptan automáticamente tanto al Modo Claro como al Modo Oscuro. Al usar estos colores integrados, los desarrolladores pueden asegurarse de que sus elementos de UI se ajusten sin problemas según la configuración de apariencia del usuario. Esto elimina la necesidad de gestionar diseños separados de manera manual y ayuda a mantener la consistencia visual en ambos modos. Por ejemplo, colores como label, systemBackground y secondarySystemBackground cambian dinámicamente según la apariencia actual, permitiendo que las apps sigan siendo legibles y visualmente equilibradas en cualquier entorno. Es por esto que, al cambiar del Modo Claro al Modo Oscuro, el color del texto por defecto cambia de negro a blanco. Sin embargo, si una app codifica el color del texto en negro, el texto permanecerá negro incluso en Modo Oscuro, haciéndolo casi invisible contra un fondo oscuro. Para prevenir este problema, los desarrolladores confían en los colores del sistema, asegurándose de que el texto y los elementos de UI se adapten automáticamente al color apropiado para cada modo.

Splync no era muy amigable con los usuarios del Modo Oscuro al principio. Cuando un usuario reportó que los iconos de categoría eran difíciles de ver en Modo Oscuro, no pude resolverlo de inmediato. En ese momento, estaba enfocado en mejorar las características principales de la app, así que no prioricé este problema visual. Luego llegó el nuevo año 2026 y finalmente le di un vistazo más cercano. Lo que descubrí fue algo simple pero importante: las imágenes de los iconos eran completamente negras. En términos técnicos, estaban fijadas al color #000000. Esto significa que permanecían negras sin importar el modo que usara el teléfono. Así que en Modo Oscuro, los iconos negros estaban en un fondo oscuro como camuflaje. Además, también había usado un color blanco fijo en mi código para suavizar los fondos de los iconos. Esto funcionaba bien en Modo Claro, pero en Modo Oscuro creaba un contraste incómodo y no se sentía natural.

Así que esto es lo que cambié. En lugar de forzar colores, mi código revisado dice a la app que deje que el sistema decida automáticamente el color del icono; Negro en Modo Claro y Blanco en Modo Oscuro. Además, el código indica a la app que use el color propio de cada categoría como un suave tinte de fondo, agregue un borde sutil usando el mismo color de categoría, y mantenga todo limpio y legible en ambos modos. En términos sencillos, dejé de forzar colores y dejé que el iPhone los manejara inteligentemente. Gracias a esta mejora, los iconos de categoría ahora se adaptan naturalmente al Modo Claro y Modo Oscuro, haciéndolos claramente visibles y visualmente consistentes en cualquier entorno. Esta solución no llevó mucho tiempo, pero decidí lanzar una actualización de inmediato para que los problemas tan esperados por los usuarios del Modo Oscuro pudieran finalmente resolverse lo más rápido posible.

No hay una estética "perfecta" única. Todos tienen un sentido del diseño diferente. Incluso la misma persona puede sentirse diferente según el día — o incluso la hora del día. Lo que luce genial por la mañana puede ser una distracción por la noche. Por eso los desarrolladores deben centrarse en la personalización, mientras equilibran esto con una usabilidad simple e intuitiva. El buen diseño no se trata de imponer un estilo. Se trata de dejar que los usuarios elijan lo que sienten que es correcto para ellos — Eso es lo que creo.