Closed MadMaxMcKinney closed 2 years ago
To be honest, I just added stuff without really thinking about it at some point.
hui-view and app-header are in the same scope in the shadowDOM, so it's expected that they can affect each other.
If you want to go deeper into the app-header, though, e.g. for modifying individual icons you'll need to start from "higher up" in the chain, i.e. hui-root through card-mod-root-yaml
.
This might be me not understanding the use-case associated with
card-mod-view
but when I added it to my project I found that it applies styles outside the scope of thehui-view
domain.I interpreted the content in the wiki (https://github.com/thomasloven/lovelace-card-mod/wiki/Card-mod-Themes#special-theme-variables) to mean that the css classes would be scoped. However, if I do something like this:
I see that the
app-header
element gets thebackground: red
style added (granted it gets overridden by a more specific selector). Am I missing something? When should I usecard-mod-root
vscard-mod-view
if the view selector is applying across the page?