icon color when off and reduce space

[R3Cardoso]

Hello, I have this code:

      - type: custom:mushroom-light-card
        entity: light.teto_quartoprincipal
        show_color_temp_control: true
        show_brightness_control: true
        collapsible_controls: false
        layout: horizontal
        fill_container: false
        use_light_color: true

How can I change the icon color when the light is off?

And about this space between light and brightness, how can I reduce it? Making for exemple the brightness bar bigger.

[R3Cardoso]

icons colors resolved :)
space not yet, but solve another solution.

Anyway, it's possible to make the change I request on that space.

[Timmiej93]

If you solve your own issue, please share how you managed to solve it. People with the same issue you had are finding this page, only to discover that you solved the problem, but they still don't know how to solve it.

[R3Cardoso]

in fact I found just a couple or hours ago :D

it's just this style:

    card_mod:
      style: |
        mushroom-state-item {
          margin-right: -80px !important;
          margin-left: -30px  !important;
          margin-top: -30px  !important;
          margin-bottom: -30px  !important;
        }

What removes the space is the margin-right. it's not the perfect solution, but it worked for me.