fix(search): add fallback bg-color for search result

[neighborhood999]

Screenshots

Firefox

Light	Dark

Safari

Light	Dark

Description

Hi @shuding, thank you for creating an amazing static site generator.

I found a little style issue on the search result and try to fix it, not sure change is good or not, feel free to give me any suggestions, thank you.

Signed-off-by: Jie Peng im@jiepeng.me

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/shuding/nextra/GWsyeLcDBLb8brzaECkJAeAUxXfo
✅ Preview: Canceled

[Deployment for cba5e6d canceled]

[shuding]

Thanks for your PR! But it does show the opacity and backdrop blur for me… maybe we should have a way to fallback.

[shuding]

For example using something like https://stackoverflow.com/questions/38145368/css-workaround-to-backdrop-filter

[neighborhood999]

I use Firefox as the main browser and now I understand it still does not support backdrop-fitler...
Let me take the time to figure out any solution, I'm not familiar with Tailwind CSS haha.

[neighborhood999]

Hi @shuding:

I added Firefox and Safari browser comparison screenshots, it works for me, anything needs to adjust feel free to let me know, thank you.

[shuding]

Thank you @neighborhood999 and sorry for the delay! The fix looks great to me now 👍