`code`が`small`の直内にある場合のみ不可視

zogstrip · 2026 年 8 月 17 日午後 12:29

報告ありがとうございます @roke_julian_lockhart

github.com/discourse/discourse

FIX: Make inline `code` and code blocks visible inside quotes (#42649)

main ← fix-code-visibility-in-quotes

merged 01:25PM - 17 Aug 26 UTC

ZogStriP

+45 -54

Previously, inline `code` only got its chip styling when its direct parent was `…p`, `li`, `strong`, `em` or `a` — every other container (`small`, `b`, `i`, `sub`, `sup`, `span`, `del`, headings, table cells, …) fell through to the code-block rule, whose light-mode background is a 3% blend of primary over secondary and is therefore indistinguishable from a quote's 5% blend, and *exactly identical* inside a nested quote. Fenced code blocks sat on the same collision, so they vanished in quotes too. This change makes the inline style the default for `code` and scopes the block style to `pre > code`, and derives `$hljs-bg` from `$inline-code-bg` so the two code surfaces match by default and neither disappears against a quote background. `--hljs-bg` and `--inline-code-bg` both keep their names and meanings, so themes that differentiate them are unaffected. Reported in https://meta.discourse.org/t/code-is-invisible-solely-when-directly-inside-small/410078 ### Screenshots <img width="3200" height="1538" alt="comparison-dark" src="https://github.com/user-attachments/assets/28263913-6d94-46b5-a8e6-4178a601521f" /> <img width="3200" height="1538" alt="comparison-light" src="https://github.com/user-attachments/assets/86ab9405-f53e-423c-8e31-6b438bf2e5c5" />

で修正されます。

トピック		返信	表示
Change styling of inline code blocks so they stand out more UX	19	3968	2022 年 6 月 8 日
Inline code is hard to see Support	8	910	2019 年 8 月 20 日
Inline code dificult to Identify Support	10	1576	2021 年 12 月 3 日
Quotes containing code block must start with newline Bug	9	3487	2020 年 5 月 14 日
Keyboard HTML tag sometimes suppressed in CSS Support	6	770	2018 年 6 月 13 日

`code`が`small`の直内にある場合のみ不可視

関連トピック