🌻 Lovelace UI • Minimalist

In line with all the problem reports here - is anyone’s Tab Bar (on iOS) suddenly on top instead of the bottom? Nothing I do seems to fix this on Safari as browser - not the app.

I updated everything. The whole UI is broken and nothing works.

1 Like

Are you using the custom welcome card?

I believe for the fan the icon is working because this is just on or off, however for climate or mediaplayer this is not working.

In yaml I have for the icons the template as per card usage description and did nog change anything. So for example;

‘’’
templates:
- green_on
- red_off
‘’’

So this works for the fan but not for climate?

Welcome card

Try clearing the browser cache. I had to do that after updating to get everything to show up.

1 Like

Interesting. I had been using a custom version of the Welcome Scenes card and I thought maybe that had something to do with it, so I replaced it with the stock Welcome Scenes card but I still get the error in my original post.

I had a similar situation on the colored icons, I ended up creating custom colors for them. For example, I have a lock icon here that shows green when locked and red when unlocked:

image

Because it is a lock, and the state shows as “locked” or “unlocked”, it wouldn’t work with just “on” and “off” states, so I located the colors folder (custom components > ui_lovelace_minimalist > ui_minimalis__/ulm_templates > card_templates > colors) and using the “red_on” code, I changed the “value” and “id” lines to read “unlocked”. I would copy the original code to a new yaml file before saving. I created a “custom_colors” folder under ui_lovelace_minimalist > custom_cards and added my new color yaml files there.

---
red_unlocked:
  state:
    - styles:
        icon:
          - color: "rgba(var(--color-red),1)"
        label:
          - color: "rgba(var(--color-red-text),1)"
        name:
          - color: "rgba(var(--color-red-text),1)"
        img_cell:
          - background-color: "rgba(var(--color-red), 0.2)"
      value: "unlocked"
      id: "unlocked"

Ultimately this lets you set colors based on whatever the state is for your device - so for climate, if the state is "heat’, you could do

---
red_heating:
  state:
    - styles:
        icon:
          - color: "rgba(var(--color-red),1)"
        label:
          - color: "rgba(var(--color-red-text),1)"
        name:
          - color: "rgba(var(--color-red-text),1)"
        img_cell:
          - background-color: "rgba(var(--color-red), 0.2)"
      value: "heat"
      id: "heat"

Or if you prefer more of an orange color you can adjust the colors, do blue for “cool”, etc. You would then plug in your new custom color under the templates portion of the card code:

templates:
  - red_heating

Hope this helps.

If anyone happens to have the same issue or an idea on the Welcome Scenes card, please let me know!

Unfortunately after the last update some things were out of place, they are:

  • card_light
    It is not keeping the entity color “rgb lamp” when changing the color, when changing the light intensity and when turning it off and on.
    Demonstration: https://youtu.be/Kt88lkqSs10

  • card_graph
    The temperature or humidity widget got two colors, as if the entity was turned on.

Note: I always read the update notes, so follow the steps requested for the last update.

I thank you for your attention!

2 Likes

Amazing. Cheers and this is exactly what I wanted to achieve. Many thanks.

Hopefully you will figure out a solution for your issue. For me it worked when I redownloaded button card, reloaded the themes through devs, cleared cache and restared HA.

Looks like the most recent hotfix corrected my issue! Welcome Scenes card is working properly again!

Great to hear!

Quick another question. Is it possible to have more than 4 icons on the room card? And if so, how should I change this?

I’m sure there is a way to do this and have smaller icons, but I have not attempted it. Technically the main room icon itself can be used as a 5th icon if you don’t have the card set up to navigate to another page. I have a room card where I use the main icon to control a light, but I also use the side icons for other devices as well.

Outside of that, you’d have to do some tinkering with the card code to add more icons.

1 Like

Thanks! I thought a refresh with cache refresh could make it but it had no impact. I really have to clear the cache manually. Same for the android app.

2 Likes

How do we get rid of the menu ?

Did something changed in themes? Before the update I was able to swipe in the sidebar. Seems it’s not possible at all.

On iOS you need to update the app from appstore, after that will work fine.

1 Like

Everythings up to date on my pixel 7. But swiping the sidebar in stopped working. :confused:

After the last Core Update (2023.4.1) the black bar disappear and everything works fine

Same on my Pixel 5a

You have to clear the cache of the companion app, too.

1 Like

This still hasn’t happened for me, even going through all the same steps as what I needed to get working again after the original update :roll_eyes:

Hello,

I am having two issues with the theme:

First and relatively minimal:

Binary Sensor Alert Card seems to completely refuse to take in consideration ulm_card_binary_sensor_alert_color, so it stays on blue while, as an alert, I’d pretty much prefer to have it in red.

Second is related to the room cards and netatmo smart valves:

I cannot find any way to have the heating icon to turn red when netatmo is heating the related room
I tried to create a red_heat.yaml as follow and set red heat as template without any luck.

---
red_heat:
  state:
    - styles:
        icon:
          - color: "rgba(var(--color-red),1)"
        label:
          - color: "rgba(var(--color-red-text),1)"
        name:
          - color: "rgba(var(--color-red-text),1)"
        img_cell:
          - background-color: "rgba(var(--color-red), 0.2)"
      value: "heat"
      id: "heat"

Tried out the following template as well, without any luck:

          entity_3:
            entity_id: climate.living_room
            templates:
              - >
                [[[
                    if (states['climate.living_room'].state === 'heat')
                        return 'red_heat';
                    else if (states['climate.living_room'].state === 'auto')
                        return 'grey_idle';
                    return 'grey_idle'
                ]]]
            tap_action:
              action: more-info

looks like the valves are operating in auto mode all the time, and even when setting the schedule to heat up, no hvac_mode is updated.

Any idea?