Skip to content

Commit 703d5b5

Browse files
committed
docs html: inline code uses accent + body size, drop pill chrome
1 parent 9499de2 commit 703d5b5

1 file changed

Lines changed: 9 additions & 13 deletions

File tree

src/lib/components/dialogs/shared/DocumentationSection.svelte

Lines changed: 9 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -227,29 +227,25 @@
227227
letter-spacing: 0.5px;
228228
}
229229
230-
/* Inline code */
230+
/* Inline code — monospace, body size, accent colour, no pill chrome */
231231
.docs-content :global(tt),
232232
.docs-content :global(code),
233233
.docs-content :global(.literal) {
234234
font-family: var(--font-mono);
235-
font-size: 10px;
236-
background: var(--surface-raised);
237-
padding: 1px 4px;
238-
border-radius: var(--radius-sm);
239-
border: 1px solid var(--border);
240-
color: var(--text-muted);
241-
}
242-
243-
/* Don't style code inside CodeMirror or tables */
244-
.docs-content :global(.cm-content code),
245-
.docs-content :global(.param-name code),
246-
.docs-content :global(.param-type code) {
235+
font-size: inherit;
236+
color: var(--accent);
247237
background: none;
248238
padding: 0;
249239
border: none;
250240
border-radius: 0;
251241
}
252242
243+
/* Param-table cells already have their own monospace styling — keep accent off */
244+
.docs-content :global(.param-name code),
245+
.docs-content :global(.param-type code) {
246+
color: inherit;
247+
}
248+
253249
/* Code block wrapper with header */
254250
.docs-content :global(.code-block-wrapper) {
255251
margin: 0.75em 0;

0 commit comments

Comments
 (0)