Problema con el formateo de bloques de código en Discourse: texto en rojo y resaltado no deseado

Soporte
21

¿No es exactamente como se ve en tu imagen de Discourse? (Excepto que en tu editor import y as están en negrita)

22

Hola Alex:
Creo que @Moin tiene la idea correcta: estoy viendo algunos estilos aplicados a los bloques de código que parecen provenir de CSS/HTML personalizado en el tema.

Esta imagen muestra la pantalla de una computadora que muestra un editor de código con un script de Python que incluye varias importaciones y definiciones de funciones. (Subtitulado por IA)
Esta imagen muestra la pantalla de una computadora que muestra un editor de código con un script de Python que incluye varias importaciones y definiciones de funciones. (Subtitulado por IA)1294×322 62 KB

Creo que esta línea (font-family: Consolas;) podría eliminarse de forma segura, ya que está anulando estos estilos existentes que utilizan la misma fuente pero también especifican opciones de reserva:

code, pre {
    font-family: var(--d-font-family--monospace);
}

:root {
    --d-font-family--monospace: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;
}

Tal vez tu computadora no pueda mostrar Consolas y simplemente esté recurriendo a la fuente predeterminada (no monoespaciada). Puedes verificar aquí para ver si ese CSS está presente:

1096×960 69.4 KB

1 me gusta
24

Ah, también acabo de notar que tenemos un componente de tema oficial para personalizar la apariencia de los bloques de código:

25

Creo que este fue probablemente el problema, pero no lo verifiqué. Terminé cambiando de tema y eso resolvió el problema. ¡Gracias a todos por sus aportaciones! Y gracias de nuevo, Bryce, por encontrar el componente de tema para personalizar la apariencia de los bloques de código.

1 me gusta