Fixes display issues with the new darkmode

[ludeeus]

Breaking change

Proposed change

fixes #6531

Forces white background and black "text" for the svg

fixes #6529

Uses a lighter color for the icon so it's easier to see

fixes #6528

Uses a lighter color for the lebal so it's easier to see

closes #5394

Set the backgrounds to dark in init (before loading) if dark is selected on the client

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

Additional information

• This PR fixes or closes issue:
• This PR is related to issue:
• 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

[bdraco]

@SeanPM5

Here is the markdown we use for homekit. I'm not sure how we can set a background color here.

    message = (
        f"To set up {bridge_name} in the Home App, "
        f"scan the QR code or enter the following code:\n"
        f"### {pin}\n"
        f"![image](/api/homekit/pairingqr?{entry_id}-{pairing_secret})"
    )
    hass.components.persistent_notification.create(
        message, "HomeKit Bridge Setup", entry_id
    )

[bdraco]

Fixed homekit here home-assistant/core#38609