Closed abeksis closed 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.
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)
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.
thank you for the answer.
I did. But the second-line icons are big. Here's my code, what am I missing?
`
type: custom:card-loader wait:
button-card card: type: vertical-stack cards:
type: custom:decluttering-card template: header_text variables:
type: horizontal-stack cards:
type: 'custom:button-card' color_type: blank-card styles: card:
type: custom:decluttering-card template: switch_button_card variables:
type: custom:decluttering-card template: switch_button_card variables:
type: custom:decluttering-card template: switch_button_card variables:
type: 'custom:button-card' color_type: blank-card styles: card:
type: horizontal-stack cards:
type: 'custom:button-card' color_type: blank-card styles: card:
type: custom:decluttering-card template: switch_button_card variables:
type: 'custom:button-card' color_type: blank-card styles: card:
type: custom:decluttering-card template: switch_button_card variables:
type: 'custom:button-card' color_type: blank-card styles: card:
type: custom:decluttering-card template: header_text variables:
type: horizontal-stack cards:
type: 'custom:button-card' color_type: blank-card styles: card:
type: custom:decluttering-card template: switch_button_card variables:
type: custom:decluttering-card template: switch_button_card variables:
type: custom:decluttering-card template: switch_button_card variables:
type: custom:decluttering-card template: switch_button_card variables:
type: 'custom:button-card' color_type: blank-card styles: card:
type: custom:decluttering-card template: switch_button_card variables:
type: 'custom:button-card' color_type: blank-card styles: card:
type: custom:decluttering-card template: header_text variables:
type: horizontal-stack cards:
type: 'custom:button-card' color_type: blank-card styles: card:
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
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.
I will add the missing wallpapers later
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
This discussion has continued on discord. I will close this issue now.
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.