Skip to content

Commit ffccb8c

Browse files
manuelcorpasclaude
andcommitted
Fix code block visibility: brighten syntax highlighting for dark theme
Pygments tokens were inheriting default (dark) colours that were nearly invisible against the dark background. Added GitHub-dark-style token colours: red keywords, blue strings/numbers, bright names/operators, muted comments. All scoped to [data-md-color-scheme="clawbio"]. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 83a962b commit ffccb8c

File tree

1 file changed

+47
-0
lines changed

1 file changed

+47
-0
lines changed

docs/stylesheets/clawbio.css

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -134,8 +134,55 @@
134134

135135
[data-md-color-scheme="clawbio"] .md-typeset pre code {
136136
border: none;
137+
color: #e6edf3;
137138
}
138139

140+
/* Syntax highlighting: brighten all token colours for dark background */
141+
[data-md-color-scheme="clawbio"] .md-typeset .highlight span,
142+
[data-md-color-scheme="clawbio"] .md-typeset code span {
143+
color: inherit;
144+
}
145+
146+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .c,
147+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .c1,
148+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .cm,
149+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .cs { color: #8b949e; } /* comments */
150+
151+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .k,
152+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .kd,
153+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .kn,
154+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .kp,
155+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .kr,
156+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .kt,
157+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .nb { color: #ff7b72; } /* keywords */
158+
159+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .s,
160+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .s1,
161+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .s2,
162+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .sb,
163+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .sc,
164+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .se,
165+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .sd,
166+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .sh { color: #a5d6ff; } /* strings */
167+
168+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .mi,
169+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .mf,
170+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .mh,
171+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .mo { color: #79c0ff; } /* numbers */
172+
173+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .n,
174+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .na,
175+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .nf,
176+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .nv { color: #e6edf3; } /* names, variables */
177+
178+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .o,
179+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .p { color: #e6edf3; } /* operators, punctuation */
180+
181+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .nt { color: #7ee787; } /* tags */
182+
183+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .nn,
184+
[data-md-color-scheme="clawbio"] .md-typeset .highlight .nc { color: #ffa657; } /* modules, classes */
185+
139186
[data-md-color-scheme="clawbio"] .md-clipboard {
140187
color: #8b949e;
141188
}

0 commit comments

Comments
 (0)