Problem mit Code-Block-Formatierung in Discourse – Roter Text und unbeabsichtigtes Hervorheben

Unterstützung
21

Sieht das nicht genau so aus wie auf deinem Discourse-Bild? (Außer dass in deinem Editor import und as fett sind)

22

Hallo Alex,

Ich denke, @Moin hat die richtige Idee – ich sehe einige Stile, die auf die Codeblöcke angewendet werden und wahrscheinlich von benutzerdefiniertem CSS/HTML im Theme stammen.

Dieses Bild zeigt einen Computerbildschirm mit einem Code-Editor, der ein Python-Skript mit verschiedenen Importen und Funktionsdefinitionen anzeigt. (Untertitel von KI)
Dieses Bild zeigt einen Computerbildschirm mit einem Code-Editor, der ein Python-Skript mit verschiedenen Importen und Funktionsdefinitionen anzeigt. (Untertitel von KI)1294×322 62 KB

Ich denke, diese Zeile (font-family: Consolas;) könnte sicher entfernt werden, da sie die vorhandenen Stile überschreibt, die dieselbe Schriftart verwenden, aber auch Fallback-Optionen angeben:

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;
}

Vielleicht kann dein Computer Consolas nicht anzeigen und greift einfach auf die Standard-Schriftart (nicht-monospaced) zurück. Du kannst hier überprüfen, ob dieses CSS vorhanden ist:

1096×960 69.4 KB

1 „Gefällt mir“
24

Ah, mir ist gerade auch aufgefallen, dass wir eine offizielle Theme-Komponente zur Anpassung der Darstellung von Codeblöcken haben:

25

Ich glaube, das war wahrscheinlich das Problem, aber ich habe es nicht überprüft. Ich habe das Theme gewechselt und das Problem behoben. Danke an alle für eure Beiträge! Und nochmals vielen Dank, Bryce, für das Finden der Theme-Komponente zur Anpassung des Aussehens von Codeblöcken.

1 „Gefällt mir“