jimz011 / homekit-infused

Homekit Infused 5 2023
https://jimz011.github.io/homekit-infused/
Other
877 stars 137 forks source link

It's not a problem, it's a question. :) #1

Closed abeksis closed 5 years ago

abeksis commented 5 years ago

https://www.youtube.com/watch?v=AQwMQndGYuQ&t=6s

In your video - what themes do you use? I've added all of your themes and there's a lot.

Another question, under security - your headlines are captioned - however, in the photo I added, the headlines have a background. Screenshot_20190731-165914_Chrome

jimz011 commented 5 years ago

No problem, the themes I use are called Gray Homekit (I have a dark and a light version). For the headlines you will need the following cards: decluttering-card and card-mod (not card-modder!). Without these cards the code will not work. I assume you have the decluttering card already (as the buttons seem pretty much what I have created. But card-mod allows for styling. If you want to copy my config (or parts of it) I advise you to make sure to install all of the necessary custom-cards.

If you do not use decluttering-card you can do this as follows:

- type: markdown
  style: |
    ha-card {
      box-shadow: none;
      height: 33px;
      background: rgba(0,0,0,0.0);
      padding: 0px 10px;
    }
  content: 'YOUR HEADLINE HERE'

Remember that you NEED card-mod for this to work. If you use the older card-modder I would advise you to uninstall that and use card-mod instead (as they do the same thing, but card-mod is better as it isn't a card in itself but a modification to a core card, there is a markdown-mod as well, which I use in notifications). The reason to drop card-modder is simple, they both come from the same developer and the dev said he will deprecate card-modder in a few months.

Hope this helps you.

abeksis commented 5 years ago

thanks for the detailed answer.

In the picture above, you see the icons, the part of the icon escapes to the side (indicated by a red arrow). Plus there is a space below the icons (highlighted in blue)

00

jimz011 commented 5 years ago

I assume you use my button design. If so I’d suggest using only 3 or 4 buttons in a single row. They will scale nicely for different screensizes. But if you put more than 3 or 4 icons in a horizontal-stack the design has to be modified. Try with 3 buttons on a row first.

abeksis commented 5 years ago

thank you for the answer.

I did. But the second-line icons are big. Here's my code, what am I missing?

Screenshot_20190801-174256_Chrome

`

abeksis commented 5 years ago

Did the job :)

             ### Space ##
                - type: custom:gap-card
                  height: 100

I saw that you are using Slide right and left .. What's the name of the plugin?

And another little thing - this missing picture you can share? /local/images/original-homekit-wallpaper.png

jimz011 commented 5 years ago

I don’t use gap-card. I just used a blank card instead with an aspect_ratio of 1/1. For an example see my light.yaml or devices.yaml file. It is the same button-card I use in most of my setup.

If you want to swipe between views you will either need lovelace-swipe-navigation or compact-custom-header. The last one is linked in the readme file on this repo.

jimz011 commented 5 years ago

I will add the missing wallpapers later

abeksis commented 5 years ago

I have a problem with a vacuum popup.

In the photo, you can see all the files I copied from you, which belongs to the robot. The icon in lovelace is active, but there is no popup

Screen Shot 2019-08-02 at 13 18 33
jimz011 commented 5 years ago

This discussion has continued on discord. I will close this issue now.