Closed jazzyisj closed 2 years ago
Make sure you have read the issue guidelines and that you filled out the entire template.
If you have an issue identical to this, do not add comments like "same here", "i have this too", instead add a :+1: reaction to the issue description. Thanks! :+1:
With default dark theme
I've restarted HA, cleared cache, hard reload, restart Chrome.
Edge.
Firefox
It's fine on android mobile app.
You have a lot of custom cards, maybe one of them is interfering.
OK. I'll try to narrow it down.
Lovelace config.
lovelace:
mode: yaml
ui-lovelace.yaml
title: 'Home'
views:
- title: 'Test'
icon: mdi:ab-testing
path: test
cards:
- type: entities
entities:
- entity: sensor.uptime
Console log:
f7a68b41.js:1 [Violation] Avoid using document.write(). https://developers.google.com/web/updates/2016/08/removing-document-write
value @ f7a68b41.js:1
value @ f7a68b41.js:1
performUpdate @ styles.ts:368
scheduleUpdate @ styles.ts:368
_$EC @ styles.ts:368
I can provide styles from console for the
Noticed this one too on the last restart (background pending tasks notification)
This also displays as expected on the kiosk browser.
Not sure if this is related or not, I have a similar issue with light mode that only started happening recently, I think the last couple of HACS updates.
Looking in the dev tools it seems like in my case the issue is caused by the fact that I'm using the light HA theme but my OS setting is dark mode, so the "prefers dark mode" media query is setting the font colour to be a light one to contrast with the dark theme and not being properly overridden by my actual HA theme preference.
If that is the case you should have the same issue all places this element is used in the Home Assistant frontend
Same issue here. OS is light mode by default but using a dark theme in home assistant. Tried with the default dark theme as well as multiple custom dark ones e.g. Google Dark Theme and the issue persists. If it is being caused by the prefers-color-scheme media query that would make sense, as the text colour should be decided by the currently selected application theme, rather than your device's default preference.
To confirm that this is probably the cause, in Windows if I switch the "Default App mode" to "Dark" rather than light, the text in HACS fixes itself in real time and becomes readable again and the reverse is true if I switch it back to light.
Right, but there are only 2 media queries in the HACS frontend:
Can you think of anywhere else in home assistant that uses those alerts? Or a way of showing them? I can't find any anywhere on my instance. If we could reproduce it elsewhere then we could confirm that it's not a HACS issue at all and raise an issue on the home-assistant repo
The issue is in the HA frontend https://github.com/home-assistant/frontend/blob/dev/src/entrypoints/custom-panel.ts#L55-L60 Will override in HACS https://github.com/hacs/frontend/pull/597 until fixed there
Web browser
Chrome
Web browser version
Version 102.0.5005.63 (Official Build) (64-bit)
System Health details
System Health
version: core-2022.5.5 installation_type: Home Assistant OS dev: false hassio: true docker: true user: root virtualenv: false python_version: 3.9.9 os_name: Linux os_version: 5.15.41 arch: aarch64 timezone: America/Toronto
GitHub API: ok GitHub Content: ok GitHub Web: ok GitHub API Calls Remaining: 4447 Installed Version: 1.25.1 Stage: running Available Repositories: 1146 Downloaded Repositories: 66
logged_in: true subscription_expiration: June 7, 2022, 8:00 PM relayer_connected: true remote_enabled: true remote_connected: true alexa_enabled: false google_enabled: true remote_server: us-east-1-1.ui.nabu.casa can_reach_cert_server: ok can_reach_cloud_auth: ok can_reach_cloud: ok
host_os: Home Assistant OS 8.1 update_channel: beta supervisor_version: supervisor-2022.05.3 docker_version: 20.10.14 disk_total: 113.9 GB disk_used: 40.4 GB healthy: true supported: true board: odroid-n2 supervisor_api: ok version_api: ok installed_addons: Samba share (9.6.1), Mosquitto broker (6.1.2), Studio Code Server (4.2.0), Glances (0.15.0), phpMyAdmin (0.7.1), Check Home Assistant configuration (3.10.0), Home Assistant Google Drive Backup (0.107.2), File editor (5.3.3), Log Viewer (0.13.0), InfluxDB (4.4.1), Grafana (7.5.2), ZeroTier One (0.13.2), Z-Wave JS (0.1.60), chrony (2.3.0), Frigate NVR (3.1), VLC (0.1.3), Z-Wave JS to MQTT (0.37.0), WeatherFlow to MQTT (3.0.7), RTSPtoWeb - WebRTC (1.2.2), MaryTTS (1.5.0), SSH & Web Terminal (10.1.1), MariaDB (2.4.0), UniFi Network Application (2.1.0), Mopidy (2.1.1)
dashboards: 8 resources: 37 views: 40 mode: yaml
api_endpoint_reachable: ok
Checklist
Describe the issue
Pending update instructions on main HACS page are unreadable in dark mode. I think this happened in last update. Did not notice it before.
Reproduction steps
Screenshots
Default Theme Light Mode![image](https://user-images.githubusercontent.com/44064559/170272501-c8df6b07-ab8d-4f9d-b8b8-e10e35486935.png)
Default Theme Dark Mode![image](https://user-images.githubusercontent.com/44064559/170272636-a1c43381-98e3-4fce-99e1-32f9a3e3e53a.png)
Javascript logs from your browser console
Diagnostics dump
No response