chore: Fix Search Input Visibility in Dark Mode

[joaolago1113]

Summary

This pull request addresses an issue with the search input box on the Noir documentation site when in dark mode. The text within the search box is illegible due to the white background color, which conflicts with the white text color.

Problem Description

In dark mode, the background color of the search input box remains white, while the text color is also white, rendering the text invisible to users. This creates a poor user experience as it prevents users from seeing what they are typing into the search box.

Solution

To fix this issue, the background color of the search input box has been changed to transparent, allowing for the text to be visible in both light and dark modes.

Visual Evidence of Issue

Desktop Dark Mode

Input State	Screenshot
Text Entered, Barely Visible

Mobile Dark Mode

Input State	Screenshot
Text Entered, Barely Visible

Visual Comparison

Mode	Before Change	After Change
Dark - Desktop
Light - Desktop
Dark - Mobile
Light - Mobile

Files Changed

• docs/src/css/custom.css: Added styles to override the default background color of the #docsearch-input element.

Testing

The changes have been tested across various browsers and devices to ensure compatibility and that the search input box text is now clearly visible in both light and dark modes.

[TomAFrench]

Please don't update the branch unless there's a merge conflict (which is very unlikely to happen on the docs). It just chews up CI time for no reason.

[jfecher]

LGTM

[jfecher]

CC @noir-lang/developerrelations

[critesjosh]

thank you!