Repository navigation
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Esta pull request actualiza el estilo visual del componente
ShoppingListSectionpara adaptarlo al nuevo sistema de diseño de la aplicación. Los cambios sustituyen las clases de color de Tailwind CSS codificadas manualmente por tokens y clases propios del design system, mejorando la coherencia visual con el tema actual y facilitando el mantenimiento y la evolución futura de los estilos.Actualizaciones de Estilo y Tematización
Se reemplazaron todas las clases de color de Tailwind CSS (como
bg-gray-100,border-gray-200otext-gray-700) por tokens del sistema de diseño comobg-bg-elevated,border-border-subtleytext-text-primaryen todo el componente. Esto permite centralizar la gestión de colores y mantener una apariencia consistente en toda la aplicación. [1] [2] [3] [4] [5] [6] [7] [8] [9]Se actualizaron los estilos de botones, desplegables (dropdowns) e inputs para alinearlos con el nuevo tema visual, incluyendo estados hover, colores de fondo, bordes y colores de texto adaptados tanto para modo claro como para modo oscuro. [1] [2] [3] [4] [5]
Se garantizó que todos los bordes y separadores utilicen los nuevos tokens de color para bordes, logrando una apariencia uniforme y coherente en toda la interfaz. [1] [2] [3] [4]
Se actualizaron los fondos de avatares y menús desplegables para utilizar los nuevos tokens de fondo, mejorando su integración visual tanto en temas claros como oscuros. [1] [2]
Se estandarizó el uso de colores de texto para etiquetas, botones y elementos de los desplegables utilizando las variables apropiadas del sistema de diseño para textos primarios, secundarios y terciarios. Esto mejora la legibilidad y garantiza una jerarquía visual consistente en toda la interfaz. [1] [2] [3] [4]
Estos cambios mejoran la coherencia visual del componente, facilitan el mantenimiento de estilos y aseguran una integración completa con el nuevo sistema de diseño de la aplicación.