[Bug]: color issue on search box in light mode

[nekomamoushi]

Relevant scope

angular application

Description

Description
In light mode, the search box has issue color. See below:

Describe the solution you'd like
No response

Describe alternatives you've considered
No response

Do you want to contribute with a pull request?

Yes

[geromegrignon]

Hi @nekomamoushi, thanks for finding it out.

It would require updating the tailwind classes used to cover dark and light mode.

[nekomamoushi]

Hi,

Not an tailwind expert but here is my solution for this (the dark variant was not used)

`
<mat-form-field
class="sticky w-full z-10 search-field dark:bg-[#424242] pt-5"
appearance="outline"
subscriptSizing="dynamic"

`

Is it ok ?

[geromegrignon]

That's great! You will need to add bg-white too. Otherwise, the scrolled content will be visible behind the field on light mode.