Repository navigation
feat: rediseño de resultados y lobby, y modo oscuro - #18
Merged
Merged
Conversation
vcntttt
marked this pull request as ready for review
October 19, 2026 19:09
vcntttt
marked this pull request as draft
October 19, 2026 19:23
vcntttt
marked this pull request as ready for review
October 19, 2026 19:30
La revisión del intento adopta el diseño de marcador, el lobby se alinea con el resto de las páginas y los paneles atenuados y las tarjetas de estadística pierden el degradado.
Paleta oscura sobre los mismos tokens, tema persistido y aplicado antes del primer pintado, y un botón para alternarlo en la cabecera.
En modo oscuro el navegador rellenaba de gris los controles nativos sin marcar. Ahora usan los tokens de papel, línea y acento; --check permite el verde de la respuesta correcta en el editor de bancos.
MrRevillod
force-pushed
the
feat/rediseno-modo-oscuro
branch
from
October 19, 2026 19:30
19b69eb to
0ed04e2
Compare
Un solo SVG cambia de trazo con prefers-color-scheme y se actualiza sin recargar. Los PNG claro y oscuro quedan como respaldo para navegadores sin favicon SVG.
…curo # Conflicts: # apps/client/src/lib/banks/components/BankQuestionsEditor.svelte
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.
Depende de #17; se revisa después de ella.
Resumen
Cuatro commits, revisables por separado:
.panel-muted/.stat-cardpierden el degradado.:root.dark), con tokens nuevos (--lift,--wash,--shade,--press,--scrim,--focus) en lugar de mezclas conwhite/black. El tema se guarda enlocalStorage, se aplica antes del primer pintado y se alterna desde la cabecera. Incluye Markdown con tokens y toasts con el tema.--paper-soft,--line-strongy--accent. La propiedad--checkcambia el color marcado: el editor de bancos la usa para el verde de la respuesta correcta.favicon.svgcambia de trazo conprefers-color-schemey se actualiza sin recargar, así que se ve bien en pestañas claras y oscuras. Los PNG claro y oscuro quedan de respaldo para navegadores sin favicon SVG.Capturas
Revisión de resultados antes:
Después, con el diseño de marcador:
Modo oscuro en la lista de cuestionarios:
Revisión de resultados en oscuro, escritorio y móvil:
Componentes de edición de #17 en oscuro:
Lobby del estudiante antes, en móvil:
Después, en oscuro y en claro:
Checkboxes y radios en oscuro y en claro:
Favicon con el navegador en claro y en oscuro (pestaña simulada a 16 px y ampliado):
Verificación
svelte-checkyeslintsin errores.Límites