Skip to content

Commit 9559af7

Browse files
fix(theme): match Docsy specificity for inline code styling
Docsy uses `.td-content p code, .td-content li>code, .td-content table code` with color:inherit and background-color:var(--td-pre-bg), overriding the generic `.td-content code` selector. Match that specificity to apply the muted green + border style. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 345df0d commit 9559af7

1 file changed

Lines changed: 8 additions & 2 deletions

File tree

assets/scss/_styles_project.scss

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -117,18 +117,24 @@ code {
117117
border-radius: 3px;
118118
}
119119

120-
// Win specificity over Docsy/Bootstrap in content areas
120+
// Override Docsy's .td-content p code / li>code / table code
121+
// which sets color:inherit and background-color:var(--td-pre-bg)
122+
.td-content p code,
123+
.td-content li > code,
124+
.td-content table code,
121125
.td-content code {
122126
color: #00cc8a;
123127
background-color: transparent;
124128
border: 1px solid rgba(0, 229, 160, 0.2);
125129
}
126130

127131
pre code,
128-
.td-content pre code {
132+
.td-content pre code,
133+
.td-content p pre code {
129134
background-color: transparent;
130135
border: none;
131136
padding: 0;
137+
color: #c8d6e5;
132138
}
133139

134140
// --- Blockquotes (used for agent prompts) ---

0 commit comments

Comments
 (0)