Discourseのコードブロックのフォーマットに関する問題 – 赤色のテキストと意図しないハイライト

これはDiscourseの画像とまったく同じではありませんか?(画像ではimportas太字になっています)

Alex様、

@Moinのアイデアが正しいと思います。コードブロックに適用されているスタイルは、おそらくテーマのカスタムCSS/HTMLから来ていると思われます。

この行(font-family: Consolas;)は、同じフォントを使用していますが、フォールバックオプションも指定している既存のスタイルを上書きしているため、安全に削除できると思います。

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

お使いのコンピューターではConsolasを表示できず、デフォルトの(非monospace)フォントにフォールバックしているだけかもしれません。CSSが存在するかどうかをここで確認できます。

「いいね!」 1

Ah、コードブロックの外観をカスタマイズするための公式テーマコンポーネントも提供されていることに気づきました。

これが問題だった可能性が高いと思いますが、確認はしていません。最終的にテーマを変更したところ、問題は解決しました。皆さん、ご協力ありがとうございました!そして、コードブロックの外観をカスタマイズするためのテーマコンポーネントを見つけてくれたBryceさん、改めてありがとうございました。

「いいね!」 1