docs: add dark mode support for Algolia DocSearch

[ykdojo]

Summary

• Adds dark mode CSS variables for Algolia DocSearch modal
• Uses Material Design variables for consistent theming with existing dark mode
• Implements subtle shadow and background colors appropriate for dark theme
• Uses consistent dark mode selector pattern matching existing codebase

Test plan

• Test search modal in light mode (unchanged)
• Test search modal in dark mode (now properly styled)
• Verify colors match overall Material Design dark theme

Before

After

[greptile-apps]

Greptile Summary

This PR enhances the Daft documentation site by adding dark mode support for the Algolia DocSearch modal component. The change modifies the docs/css/docsearch.css file to include CSS variables that customize the search modal's appearance when Material Design's dark theme is active.

The implementation targets the specific dark mode configuration used by the Daft documentation site ([data-md-color-scheme="slate"][data-md-color-primary="black"]) and overrides DocSearch's default styling with Material Design variables. This ensures visual consistency between the search modal and the rest of the documentation site's dark theme.

The CSS variables control various aspects of the search modal including text colors, backgrounds, shadows, and hover states. Rather than hardcoding dark mode colors, the implementation leverages Material Design's built-in CSS variables like var(--md-default-fg-color) and var(--md-default-bg-color), which automatically adapt to the site's theming system. This approach maintains the existing light mode functionality while providing proper contrast and readability in dark mode.

The change fits seamlessly into the documentation infrastructure, enhancing the user experience for developers who prefer dark mode when browsing the Daft documentation.

Confidence score: 5/5

• This PR is safe to merge with minimal risk as it only affects CSS styling for the documentation site
• Score reflects the isolated nature of CSS changes with no impact on core functionality or breaking changes
• No files require special attention - the single CSS file change is straightforward and well-implemented

_{1 file reviewed, no comments}

_{Edit Code Review Bot Settings | Greptile}