Configuración del Plan Gratuito de Discourse: las opciones son difíciles de leer

En la página de configuración del Plan Gratuito de Discourse, las opciones son bastante difíciles de leer:

6 Me gusta

@derek Intenté encontrar esta página, pero sin duda tú serás más rápido

2 Me gusta

¡Hola @NateDhaliwal! No pude reproducir esto en Chrome, Safari y FF en MacOS en modo oscuro:

Sin embargo, encontré una variable CSS faltante en el fondo del modo oscuro para esos interruptores que podría ser la culpable. Acabo de enviar una corrección:

4 Me gusta

Hola @derek, sigo reportando esto en Chrome, Windows 10.

¿Estás seguro de que esto no es un problema de caché? ¿Has intentado una recarga forzada (Ctrl+Shift+R)? ¿Tienes instalado Dark Reader?

Sí, acabo de probar eso, no hay cambios. No hay errores en la consola del navegador (aunque dudo que apareciera allí).

Acabo de comprobarlo en mi teléfono (iOS/Orion) y parece como estaba previsto. Intenta ir a /wizard en el sitio con un navegador diferente, preferiblemente uno que no lo haya visitado antes

1 me gusta

@NateDhaliwal Acabo de probar esto en Chrome en Windows 10 y no he podido reproducirlo. ¿Lo estás viendo localmente o en una instancia alojada?

¿Podrías inspeccionar el elemento de alternancia en DevTools (clic derecho → Inspeccionar) y compartir lo que ves en el panel de estilos?

1 me gusta

He revisado los estilos y esta parece ser la parte clave:

La variable --1e94960e-csstools-light-dark-toggle--2 está controlando el color de fondo aquí.

Por lo que puedo ver, la variable --wizard-primary-900 y la definición de la variable --csstools-color-scheme--light se ven así:

image

Si uno cambia el background-color, o añade las variables y pone colores aleatorios como green o yellow, entonces las cosas se ven más “correctas” (aunque francamente, no tengo idea de por qué no aparecen el verde o el amarillo: sospecho que es una sintaxis incorrecta):

3 Me gusta

Gracias por los detalles @NateDhaliwal. Mi presentimiento es que está relacionado con esa variable CSS faltante cuando está involucrado el modo claro/oscuro, y cómo se compila a través de PostCSS. Parece que el navegador podría estar recurriendo al color de fondo del modo claro, lo cual es extraño ya que no puedo reproducir esto.

A juzgar por las capturas de pantalla, mi corrección aún no se había implementado en tu instancia. Debería estar implementada allí ahora, así que inténtalo de nuevo y avísame si todavía notas algo extraño.

1 me gusta