Skip to content

Commit 6fe46a8

Browse files
authored
feat: Add styling for keyboard keys (#2478)
Adds styling to the `<kbd>` element in Markdown. ## Preview https://pr-2478.preview.docs.apify.com/platform/integrations/mcp#client-configuration In light mode: <img width="701" height="234" alt="Screenshot 2026-04-29 at 11 22 51" src="https://github.com/user-attachments/assets/a620bf19-3bd1-4299-986d-e30a69685add" /> In dark mode: <img width="694" height="217" alt="Screenshot 2026-04-29 at 11 22 34" src="https://github.com/user-attachments/assets/0c6e15b6-b794-4747-bb73-e832be158882" />
1 parent 40d677a commit 6fe46a8

1 file changed

Lines changed: 17 additions & 0 deletions

File tree

apify-docs-theme/src/theme/custom.css

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -367,6 +367,23 @@ html[data-theme='dark'] {
367367
}
368368
}
369369

370+
.markdown kbd {
371+
background-color: white;
372+
padding: 1.5px 10px;
373+
border-radius: 5px;
374+
border-left: 1px solid rgb(116, 116, 116);
375+
border-right: 1px solid rgb(116, 116, 116);
376+
border-bottom: 1.5px solid rgb(116, 116, 116);
377+
box-shadow: 0 0 1px rgb(116, 116, 116);
378+
color: rgb(39, 39, 39);
379+
font-size: 1.5rem;
380+
}
381+
382+
html[data-theme='dark'] .markdown kbd {
383+
background-color: #4a4a4cd3;
384+
color: rgb(255, 255, 255);
385+
}
386+
370387
/* Setting the base size to 10px so it's easy to use rem for scaling (1.6rem = 16px) */
371388
html {
372389
font-size: 10px;

0 commit comments

Comments
 (0)