Homekit Infused 5 (HKI) v2023.1.3

You are fantastic. Under states I’ve found them. The thermostat card now shows up. It works properly.

Thanks again, really appreciate! Your UI is fantastic.

1 Like

Awesome stuff!!! Thanks for the hard work! @jimz011 I have had the card installed since it was first released, but I have never used custom:button-card . After seeing how nice they display, I borrowed some of your code, tweaked and added the buttons to one of my custom:pop-up cards.


and I shrunk the code down using @RomRider 's custom:decluttering-card Each button is only 5 lines!!!

            - type: custom:decluttering-card
              template: motion_button_temp
              variables:
                - entity: binary_sensor.front_motion
                - name: Front
2 Likes

Thank you!

Great work, yeah I am currently having a little break of Home Assistant so I haven’t made big updates to it since last week. However I got my Roborock s55 today so I will be getting to work on HA again. I actually want styling to be done via themes.yaml so that I can choose themes whenever I want. For example theme 1 is light, theme 2 is dark, theme 3 has rounded buttons, theme 4 has squared buttons and so on.

But it looks great what you have made.

1 Like

Good idea! Currently I have some of the cards and view styling using input_select which can be set via automations or voice commands. Don’t really have a need for it in my setup, but it does work and displays instant changes. I played around with corners, borders, box shadows, etc… It will work with pretty much any CSS values. May be a shortcut to what you are trying to do.

Alright, I will check your code, you have your setup shared here as well right? I have seen your name popup a few times, I think I have seen your setup a few times already :smiley:

Thnx

Yes, it can be found here just under video. My repo is also on GH here If you have any questions or suggestions, feel free to PM me. Thanks!

Will you integrate with this so we can auto-update as you iterate?

I don’t think it will do much good though. It is mostly a lovelace setup what I made here. And as everyone has different entities and such it will be very hard to maintain and give support for this.

I am guessing the HACS is more of use with a custom component/card. But who knows, I will look into it and what it really is. But at the moment I am kind of busy cleaning up a lot of code and adding vacuum cleaners to my setup.

Congratulations. Very good, thanks for sharing. What did you use for the day count?

@dougbaptista In the screenshot I use a custom component which I think I did not share. The reason why is because the component is very limited and I am converting it to a python script I found. This does the same thing, but also resets the timer when the day reaches 0. Unlike the component which needs to be manually changed every time.

I will share the python script later today, you could then just use a simple entities card to show the dates as the script creates entities for you.

I am sorry for the delay, but I didn’t make the it in time to release a new version of my setup. Since you were asking how I did the date_time sensor. Here is what I use in my setup now. Easy to setup and will refresh automatically when the date is reached.

2 Likes

Thank you again. Now I want to search more about the “remote” that you have used.

Hello. How can you change the color of status bar like Home assistant 's theme??

So, I have returned from my vacation in Poland and back to do some work again.

@dougbaptista the remote is just a collection of button cards. I am converting all my buttons to be dynamic at the moment and I am halfway through with that work. Keep an eye on the thread and I will update my github repo in a few days. It has a split config so you can find card examples with more ease.

@H_i_Anh_Nguy_n Do you mean the header? (which is black in my example and grey on some others) or do you mean the status bar in iOS?

@jimz011 - Thanks for this, I’ll definitely learn a lot and take a lot of inspiration from your code.

I can’t see a way to use some of your code with multiple users. Specifically, you’re using input_selects and state-switch to click buttons and hide/show content. The issue is that the input selects are shared across users - so user A clicks a button, content is hidden or shown for all users. To user B, this will look like things just disappearing or reappearing. Any thoughts around this?

Thanks

Figured it out - the answer is to use “hash” with state-switch and eliminate the input_select. See the “hash” section here: https://github.com/thomasloven/lovelace-state-switch

Thank you! One thing I did not understand. The “anchors:” Do you have any documents for this? You’ve created styles through it. Is it any component?

Don’t worry about the anchors no more, they won’t be in the next release. Anchors are just a some kind of way of templating in lovelace. However I have split my lovelace config into multiple files now and anchors need to be in every page where they are used (so it would require me to duplicate the code on multiple pages). I will be using a decluttering card in the next release. Saves a bunch of lines in code is cleaner and way more dynamic. I hope to have it done before the end of the week.

In the meantime I would not recommend using anchors unless you use a single file for your lovelace config and if you do not plan to use the more dynamic decluttering card in the future. I however highly recommend you to do so as that card is great. What this basically means is that with the decluttering card I will basically use a single button template for all of my buttons in my setup, I am still figuring out a few things with this card so it might take some time.

I have been on vacation/holiday, sorry for the delay :wink:

@jimz011 I see you are dutch. Have you post youre config on forum of Tweakers? I think a lot of people theire are also interested in youre configuaration.

1 question Though:
How did you create those buttons ‘‘round’’ with the button card ?

Yes I am Dutch and I have posted my setup on tweakers several times, though tweakers is not the right medium to post setups as there is no way to format code, so my setup is linked on tweakers.

You need to use border-radius for rounded corners in the styles. You can do this with card-modder or card-mod as well as within the button card.