mirror of
https://github.com/docker/docs.git
synced 2026-03-27 06:18:55 +07:00
f929b8f1ed
- Add pagefind-component-ui.css and .js assets - Replace search bar with custom button that opens modal - Add custom result template with Tailwind classes - Add dark mode styling for modal and result highlights - Support Cmd/Ctrl+K keyboard shortcut Assisted-By: cagent
26 lines
657 B
CSS
26 lines
657 B
CSS
/* Pagefind Component UI Customizations */
|
|
|
|
/* Dark mode variables for modal */
|
|
.dark pagefind-modal {
|
|
--pf-text: var(--color-gray-100);
|
|
--pf-text-secondary: var(--color-gray-300);
|
|
--pf-text-muted: var(--color-gray-400);
|
|
--pf-background: var(--color-gray-900);
|
|
--pf-border: var(--color-gray-700);
|
|
--pf-border-focus: var(--color-blue-400);
|
|
--pf-hover: var(--color-gray-800);
|
|
}
|
|
|
|
/* Highlight marks in results */
|
|
pagefind-results mark {
|
|
background-color: var(--color-yellow-200);
|
|
color: inherit;
|
|
padding: 0 0.125rem;
|
|
border-radius: 0.125rem;
|
|
}
|
|
|
|
.dark pagefind-results mark {
|
|
background-color: rgba(255, 204, 72, 0.3);
|
|
color: white;
|
|
}
|