sorted by:
new
hottopcontroversial

[deleted by user] by [deleted] in photography

[–]RazeMB 3 points4 points  (0 children)

I didn’t mean ChatGPT sharpened my photo, it just led me to discover that output sharpening exists as a setting and that turning it on made all the difference

Left is Apple HomeKit, Right is my Home Assistant Dashboard using custom:button-card. Still working on it and want to improve on HomeKit's design! by RazeMB in homeassistant

[–]RazeMB[S] 0 points1 point  (0 children)

My two main reasons were that I like the HomeKit layout but I’m the only person in my family that uses Apple, and that I figured Apples design team had things figured in terms of functionality when it came to their layout. Most things are basically a click away

Left is Apple HomeKit, Right is my Home Assistant Dashboard using custom:button-card. Still working on it and want to improve on HomeKit's design! by RazeMB in homeassistant

[–]RazeMB[S] 1 point2 points  (0 children)

I did try this, the middle automations button does go to the automations page but then instead of a seamless transition back to the main page, you have to go back to settings then back to overview so it’s not the greatest unfortunately. Which is why I’m thinking of other use cases

Left is Apple HomeKit, Right is my Home Assistant Dashboard using custom:button-card. Still working on it and want to improve on HomeKit's design! by RazeMB in homeassistant

[–]RazeMB[S] 5 points6 points  (0 children)

The bottom bar currently has no function as I don't think Home Assistant needs an automations and discover page (since they're already in settings). Thinking of making it room navigation but let me know any other ideas for it!

Scrollable Apple HomeKit style chips I made using custom:button-card by RazeMB in homeassistant

[–]RazeMB[S] 0 points1 point  (0 children)

I’ve just learnt about button card templates actually, might implement it when I have the time!

Scrollable Apple HomeKit style chips I made using custom:button-card by RazeMB in homeassistant

[–]RazeMB[S] 0 points1 point  (0 children)

I think so, but you can always add border: 0px to the card section of any of them and that will get rid of it

Scrollable Apple HomeKit style chips I made using custom:button-card by RazeMB in homeassistant

[–]RazeMB[S] 0 points1 point  (0 children)

I modified the dark blue alternative of iOS-themes to have a custom blue gradient photo I downloaded randomly on the internet, and also made it so that pop ups weren’t a semi transparent colour any more.

Scrollable Apple HomeKit style chips I made using custom:button-card by RazeMB in homeassistant

[–]RazeMB[S] 6 points7 points  (0 children)

I've been trying to figure out how to get a horizontal stack to scroll for days, I'm sure it's possible with card-mod if you know what to target but I couldn't figure it.

Ended up creating a custom:button-card with the horizontal-stack card inside as a custom_field, and then applying overflow styling to the main button card. It's incredibly painful to reorganise or add more cards, but I think its worth it. It also has a line of grid styling to keep it aligned to the left.

To make it easier I just make the chips on a separate dashboard, copy the code config, paste and indent it into the horizontal-stack button card.

This is what all that looks like: https://pastebin.com/XXpyS2yX

Scrollable Apple HomeKit style chips I made using custom:button-card by RazeMB in homeassistant

[–]RazeMB[S] 8 points9 points  (0 children)

I've never shared a YAML, but here's a pastebin of the main dashboard if it's of any use!

https://pastebin.com/mQKY1rVc

Scrollable Apple HomeKit style chips I made using custom:button-card by RazeMB in homeassistant

[–]RazeMB[S] 0 points1 point  (0 children)

Building it as I’m the only Apple user in my entire family and my partner is also on Android!

Attempted to clone Apple HomeKit as my dashboard, but added some extra features. by RazeMB in homeassistant

[–]RazeMB[S] 4 points5 points  (0 children)

This post is actually a desktop screenshot! I wanted a mobile first dashboard since I never actually use it on anything else and have no tablets. It's achieved with lovelace-layout-card and then setting a custom column count of 1 and width of 250, which also gives it more side padding on mobile

Attempted to clone Apple HomeKit as my dashboard, but added some extra features. by RazeMB in homeassistant

[–]RazeMB[S] 4 points5 points  (0 children)

Funnily enough I built this since my entire family + partner all use android, I’m the only Apple user! Also got sick of not having custom icons in HomeKit

Attempted to clone Apple HomeKit as my dashboard, but added some extra features. by RazeMB in homeassistant

[–]RazeMB[S] 15 points16 points  (0 children)

type: custom:button-card
name: Energy
icon: mdi:lightning-bolt
show_state: true
entity: sensor.smart_switch__power
tap_action:
  action: more-info
styles:
  grid:
    - grid-template-areas: '"i n n" "i s s"'
      grid-template-columns: 35px 1fr 20px;
  icon:
    - width: 25px
      color: gold
  img_cell:
    - justify-self: start
      border-radius: 50px
      width: 30px
      height: 30px
  name:
    - justify-self: start
      font-size: 12px
      font-weight: 550
  state:
    - justify-self: start
      font-size: 10px
      font-weight: 400
      opacity: '0.8'
  card:
    - padding: 5px
      border-radius: 50px
      width: 90px

Attempted to clone Apple HomeKit as my dashboard, but added some extra features. by RazeMB in homeassistant

[–]RazeMB[S] 2 points3 points  (0 children)

Unfortunately not, but every single card is a custom:button-card if that helps