docs(theme): Render inline code the same in every position on the page - #1152
Merged
Merged
Conversation
Docsy styles inline code only in paragraphs, list items, and table cells, and Bootstrap colors every other position pink, so a code span inside a bold list lead-in looked different from one in the paragraph next to it. One rule now covers all inline code in page content: navy in the light theme, and Jaeger beige in the dark theme so that it does not look like a link. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Signed-off-by: Yuri Shkuro <github@ysh.us>
The color rules exclude code whose parent is a link, so linked code keeps the teal link color in both themes; the chip styling still applies to it. The comment says the rule covers the article body rather than the whole page. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Signed-off-by: Yuri Shkuro <github@ysh.us>
yurishkuro
approved these changes
Sep 23, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Which problem is this PR solving?
Inline code did not render consistently. Docsy's
_code.scssstyles onlyp code,li > code, andtable codeas a grey chip with inherited text color, and every other position (a code span inside a bold list lead-in, in a heading, in a definition list) fell through to Bootstrap's default, which is pink. Pink is not a Jaeger color, and the same word could look different two lines apart.Description of the changes
assets/scss/_styles_project.scssselects.td-content :not(pre) > codeand gives every inline code span in the article body the chip styling. A second rule colors it$jaeger-blue-dark(navy) in the light theme and$jaeger-beigein the dark theme. Beige is the one warm color in the palette, so in dark mode inline code cannot be mistaken for a link, which is light teal there.How was this change tested?
rgb(26, 71, 103)light andrgb(223, 201, 162)dark, and linked code computes to the same color as its link.🤖 Generated with Claude Code