fix(data-range-picker): select element is hard to read in dark mode

[Cryolitia]

Proposed change

The select element's background is set to transparent while its color is the primary color. It makes users hard to read it, when the primary color is low saturation.

We can set the select element's backfround to the card's background to fix it.

It occurs on My Chrome 129.0.6668.89 on Linux, and this patch fixes it.

Firefox(on My Firefox 131.0.2 on Linux) doesn't care about this style at all, so it shouldn't affect Firefox.

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

N/A

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue or discussion:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[home-assistant]

Hi @Cryolitia

It seems you haven't yet signed a CLA. Please do so here.

Once you do that we will be able to review and accept this pull request.

Thanks!

[home-assistant]

Please take a look at the requested changes, and use the Ready for review button when you are done, thanks 👍

Learn more about our pull request process.

Stale