🌻 Lovelace UI • Minimalist

I’m trying to make some cards of my own but it is frustratingly bad explained, or i just cant find it… Anyone wanna help??

how can i use the card_room with popup_thermostat?

First try:

- type: horizontal-stack
          - type: 'custom:button-card'
              - ulm_translation_engine
              - card_room
              - grey_no_state
              - grey_on
              - grey_off
            name: Schlafzimmer
            entity: climate.schlafzimmer_dect301_1
            icon: mdi:bed-king
              action: none
              action: "fire-dom-event"
                service: "browser_mod.popup"
                  large: true
                  hide_header: true
                    type: "custom:button-card"
                    template: "popup_thermostat_temperature"
                    entity: "[[[ return entity.entity_id ]]]"

This card is empty, how can i give him the right “entity: climate.schlafzimmer_dect301_1” ?

what you need?

1 Like

I want to make a card with a time bar that count down, that i also can toggle an entity with… I’ve managed to piece a little bit together by the cards there already…

    - "ulm_actions_card_overlay"
    ulm_card_weather_backdrop: false
    ulm_card_weather_primary_info: "extrema"
    ulm_card_weather_secondary_info: "precipitation"
  show_icon: false
  show_name: false
  show_label: false
      - grid-template-areas: "'item1'"
      - grid-template-columns: "1fr"
      - grid-template-rows: "min-content"
      - row-gap: "12px"
      - border-radius: "var(--border-radius)"
      - box-shadow: "var(--box-shadow)"
      - padding: "0px"
        type: "custom:timer-bar-card"
        entity: "timer.kaffebryggaren_timer"
        name: Kaffebryggaren stängs av om
        invert: true
        bar_width: calc(70% - 7em)
        bar_height: 60px
        bar_radius: 20px
        layout: full_row
        bar_foreground: '#89b3d7'
        bar_background: '#3c4b64'
        unit: minutes
          action: call-service
          service: switch.toggle
            entity_id: switch.kaffebryggaren
        style: |
          ha-card {
            border-radius: 14px;
            box-shadow: none;

Red is what I’ve used but it take up unnecessary space. Green is what the card looks like now (code above).
Bottom is what i want it to look like (excuse my amazing paint skills :wink:)…

So, for example, how do I learn how layouts work? Where do all the template for different things come from? Actions?
These thing, how should i know?

      - border-radius: "var(--border-radius)"
      - box-shadow: "var(--box-shadow)"

check this:


This code is for custom:button-card. It allows to manage css styles for elements inside the card.
Styling may be done by using card-mod too (see a link in the post above). Card-mod is a plug-in which allows access to css styles of a card.
Custom button-card in general does not need using card-mod - it has its own functionality (see a code you posted).
What are css styles in general - google about it, search for “css tutorial” etc.


Hey, I have updated to the latest version of the room-card, before that I had colors on the icons depending on the state of the entity.
After updating I can’t see those colors anymore.

Raw Configuration:

Any idea how can I fix that?

Can you be more specific on what update you have installed? The card’s latest update is from at least 3 months ago. It seems like you are using an unsupported installation method based on the raw-configuration.

I don’t have anything in mind that I changed something on the Raw Configruation.
but when I run Watchman report I get those two errors that might be related to my issue:

 number.match                   | missing | custom_components/ui_lovelace_minimalist/lovelace/translatio |
|                                |         | ns/default.yaml:18,28                                        |
| climate.hvac                   | missing | custom_components/ui_lovelace_minimalist/lovelace/ulm_templa |
|                                |         | tes/popup_templates/popup_buttons/popup_button_airconditionn |
|                                |         | er.yaml:22                

How can I fix this?

So you didn’t update the code? Any other update you have run? Other things you use that are not officially documented in the Minimalist docs?

These errors are just some code objects faulty recognized as entities by Watchman

I have updated room-card via HACS and Home Assistant Core in the last 24 hours.

Both should not have any influence on the card_room

Is your theme set correctly? As that is what defines the variables for the colors.

Yeah, I’m using the correct theme, two days ago they had an update on HACS (using notcis theme).

Notics is not really the correct theme for this card :grimacing:

Assuming you had it working before; have you added some custom lines to that theme in the past?
As updating a theme through HACS will override all files and replace them with a new one.

I had some color configurations in the raw configuration of the dashboard window, but nothing else has been changed.
by the way, the one who helped me with the raw config colors was you :wink:

Ah okay, on discord you mean? I can remember that I suggested putting the color variables from the Minimalist theme into the Notics file. These will definitely be overridden by the recent update you have done. So try adding them back.

PS: If you run unsupported installation methods and themes; it’s recommended to get yourself familiar in this case with themes, color-variables, and button_card_templates. As any random change can break your setup while supported ways still function normally.
Also that will make it a lot easier for others to help you(we cannot keep track of every setup of every user that does things differently), otherwise others will assume you have done things like it’s supposed to :wink:

Thanks, man!
The problem is that I can still see all the color variables I have put inside the raw configuration

Therefore, I can’t find what’s missing in my code.

That are button_card_templates, not color variables :grimacing:

These templates use color-variables, like var(--color-pink), that need to be defined in your themes-file.
So the color-variables you are missing in Notics are:

      color-red: "245, 68, 54"
      color-green: "1, 200, 82"
      color-yellow: "255, 145, 1"
      color-blue: "61, 90, 254"
      color-purple: "102, 31, 255"
      color-grey: "187, 187, 187"
      color-pink: "233, 30, 99"
      color-theme: "51,51,51"

Where do I add them? I tried to add them on the bottom part of the configuration I sent you, restarted HA