Thanks for the tip - I tried this out but it still has the same issue, so doesn’t appear to be related to the gradient itself.
I found that if I sit and refresh the page (just using the browser refresh button) it will almost 100% of the time alternate between displaying correctly, and displaying skewed like the screenshot you linked.
It’s very strange, and so far I have only seen it affect the TV icon - none of the other animated icons do it.
I’m using Chrome too (for Windows).
I have put the www folder, popup folder, button_card_template.yaml and ui-lovelace.yaml and change file configuration to lovelace mode yaml and I have that :
Unfortunately not… That’s the error: 21-08-10 14:55:48 ERROR (MainThread) [supervisor.api.middleware.security] Invalid token for access /core/update
I tried the Token itself and the name of the token. Both are not working.
Did you change the theme of the currently logged in user?
You can change that on each device or session by navigation to the sidebar and your user logo at the buttom.
Choose “Tablet” for theme.
Also merge the configuration.yml for stuff like the includes and copy the entire include folder to your filesystem
All the values in the secrest.yaml are replaced with [redacted], this is because secrets.yaml is meant to contain sensitive information.
I just stripped it down as much as possible.
If you don’t know where to start, just start by replacing [redacted] with a random number. I think that will at least pass the configuration test and it won’t affect the look of the dashboard (besides possble errors of course).
You don’t need to install anything really, just look at the structure of ui-lovelace.yaml. card-mod for styles, button-card for buttons and layout-card for grid. The rest is optional.