Skip to content

Commit 289585d

Browse files
fix(theme): increase inline code specificity for dark theme
Docsy/Bootstrap overrides the element-level `code` color in content areas. Add `.td-content code` selector to win specificity and keep green-on-dark styling for inline code across docs and blog pages. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 9d2cd0a commit 289585d

File tree

1 file changed

+9
-2
lines changed

1 file changed

+9
-2
lines changed

assets/scss/_styles_project.scss

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -111,12 +111,19 @@ pre {
111111

112112
code {
113113
color: #00e5a0;
114-
background-color: rgba(0, 229, 160, 0.08);
114+
background-color: rgba(0, 229, 160, 0.1);
115115
padding: 0.15em 0.35em;
116116
border-radius: 3px;
117117
}
118118

119-
pre code {
119+
// Win specificity over Docsy/Bootstrap in content areas
120+
.td-content code {
121+
color: #00e5a0;
122+
background-color: rgba(0, 229, 160, 0.1);
123+
}
124+
125+
pre code,
126+
.td-content pre code {
120127
background-color: transparent;
121128
padding: 0;
122129
}

0 commit comments

Comments
 (0)