Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 2)

[LiQuid_cOOled (Not really a...)]

Correct, Dimitri’s guide lays that out here. Understanding a template card is a good way to start.

Mushroom Cards Card Mod Styling/Config Guide

Chips Card Sections are split:

Main Icon Styling

You can style the main icon of each chip type like this: Change the icon type/mdi. [image] The weather chip icon cannot be modified as it is not a normal HA icon. Note that when you have a conditional chip (like the first chip in this config is) with another chip inside of it you need to go 1 layer deeper. card_mod: style: mushroom-conditional-chip:nth-child(1): mushroom-template-chip$: | ha-state-icon { --card-…

There is also a section on understanding the shadow-root

If you are on Chrome, the Dev Tool helps layout the CSS structure as well. Right click and inspect or F12 will get you to the tool.