just a thought, but would it all be possible have the overview posts separated into a Community Guide of sorts. No discussions there, those are done here, simply all posts like @Ildar_Gabdullin did for the various cards and stylings.
Right now, we need to go back and forth in this thread to find these (or save them locally, as I didā¦). I think it would be very beneficial to all of us to have them on display permanently.
With the separated/dedicated community guide, checking how to style a badge, or a font-size for Entities card would be a breeze.
I would appreciate guidance for suppressing the display of the entire toggle button in an Entities card.
Iāve tried enough things to confirm I donāt have a good grasp of the core concepts (i.e. seems straighforward in theory but not in practice). For example, I tried this but it doesnāt work:
The toggle button is within a shadow-root and, based on my limitation understanding, that implies more complexity in how to define the item I wish to act on.
The doc says:
āI recommend usingHACSto install and keep track of plugins.ā
But this plug-in is nowhere to be found in HACS ?
Is a custom repository needed to install it ? If so, whatās the URL ?
Iāve searched for a few days but cant seem to figure out how it actually works.
Iāve also read that there might be problems with picture elemts cards, but there was a work around?
I have 2 icons, which actually should show a debug boolean state (removed to simplify) but I just want to change the color depending on on/off state and the only way to do it seems to be card-mod.
But Iām unable to make the second icon use any of the attributes of the first icon.
Iāve also tryed the debug method of my browser and found some elemts names but they modify colors of the entire page.
NOTE: Do not forget to add a "card_mod:" keyword before "style:" (new in card-mod 3).
And also read this important note to create optimized code. In most examples here a code is NOT optimized - just to describe a DOM navigation.
"hui-input-number-entity-row" - entity row for "input_number" main post
How to make input_number rows look less different from other entity rows - part 1, part 2
Thank you! I think I now understand why the many things I have tried all failed to work.
If the Entities card contains multiple entities, is there a way to make the style apply to all of them? Or does it have to be repeated for each one separately?
There are examples with common style for all entities.
Note that you can specify a common style and then override it for some particular entity like here:
"hui-generic-entity-row" is inside shadow-root of "hui-toggle-entity-row", so you must specify it.
And you mustnāt if the style is for a particular entity (in short, you are already inside the shadow-root).
Thanks for all your posts, they have been quite informative!
But I think Iām at a state where you were too in the beginning. Not grasping the whole idea and not being able to read a good toturial.
Is the idea that you start your tree in the top layer, and write in code your way down untill you get to the eneioty you want changed?
And that $: is to change into those shadow-y-thing-y?
And the dot-colon-space-pipe >> .: | << is for when theres actually coming style code?
Yes, I am trying to use this approach.
Also, in this thread there was at least one more method described by the developer of card-mod (look at his posts, you will find the needed one).
How can I reach the first div in order to add style elements? I tried a few searches but Iām not even sure what to search for. I scanned a number of Ildar Gabdullinās posts as there are many examples but except for going into shadow roots I couldnāt find the answer for this.
Sorry if I explained badly. I meant: I understand how to navigate into shadow roots (and there are many examples of those) and how to get into inner elements (like a div) but here are 3 divs on the same level and Iām unsure how to be specific about how to apply styling to only one of those divs. Should I aim to style the class on the div instead, since they each use different classes?
Thank you!
