Skip to content

feat: Add styling for keyboard keys #2478

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
szaganek merged 3 commits into from
Apr 30, 2026
Merged

feat: Add styling for keyboard keys #2478

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
ef7e774
feat: Add component for styling keyboard keys
szaganek Apr 29, 2026
b91b166
unify names, specify type
szaganek Apr 29, 2026
c32a8ff
get rid of component, style the html element instead
szaganek Apr 30, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 17 additions & 0 deletions apify-docs-theme/src/theme/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -367,6 +367,23 @@ html[data-theme='dark'] {
}
}

.markdown kbd {
background-color: white;
padding: 1.5px 10px;
border-radius: 5px;
border-left: 1px solid rgb(116, 116, 116);
border-right: 1px solid rgb(116, 116, 116);
border-bottom: 1.5px solid rgb(116, 116, 116);
box-shadow: 0 0 1px rgb(116, 116, 116);
color: rgb(39, 39, 39);
font-size: 1.5rem;
}

html[data-theme='dark'] .markdown kbd {
background-color: #4a4a4cd3;
color: rgb(255, 255, 255);
}

/* Setting the base size to 10px so it's easy to use rem for scaling (1.6rem = 16px) */
html {
font-size: 10px;
Expand Down