Skip to content

Commit 345df0d

Browse files
fix(theme): use muted green + border for inline code
Replace bright green text on green-tinted background with muted green (#00cc8a) on transparent background with a subtle border. Reduces the washed-out appearance of inline code on the dark theme. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 4d7e5d7 commit 345df0d

File tree

2 files changed

+8
-5
lines changed

2 files changed

+8
-5
lines changed

assets/scss/_styles_project.scss

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -110,21 +110,24 @@ pre {
110110
}
111111

112112
code {
113-
color: #00e5a0;
114-
background-color: rgba(0, 229, 160, 0.1);
113+
color: #00cc8a;
114+
background-color: transparent;
115+
border: 1px solid rgba(0, 229, 160, 0.2);
115116
padding: 0.15em 0.35em;
116117
border-radius: 3px;
117118
}
118119

119120
// Win specificity over Docsy/Bootstrap in content areas
120121
.td-content code {
121-
color: #00e5a0;
122-
background-color: rgba(0, 229, 160, 0.1);
122+
color: #00cc8a;
123+
background-color: transparent;
124+
border: 1px solid rgba(0, 229, 160, 0.2);
123125
}
124126

125127
pre code,
126128
.td-content pre code {
127129
background-color: transparent;
130+
border: none;
128131
padding: 0;
129132
}
130133

assets/scss/_variables_project.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ $danger: #ff3e3e; // Red
1111
$light: #1e1e2e; // Dark surface
1212
$dark: #0d0d1a; // Near-black
1313

14-
$code-color: #00e5a0;
14+
$code-color: #00cc8a;
1515
$link-color: #00e5a0;
1616
$link-shade-percentage: 20%;
1717

0 commit comments

Comments
 (0)