Share your Themes

[akkaria (Adam)]

Apologies yet again @krovachek @Tyfoon this is just getting ridiculous!! The website is back up again and I’ve now added extra security so fingers crossed this doesn’t happen again!!

[kirpat (Kir)]

Dear how to make this font clearly readeable

and also when i open hass.io
theme changes to default
how to make it pmnmononight look

[Tyfoon]

Works now. Thanks. Implemented this and overall really looks nice. Theme copied 1:1, only made the round corners a bit less round

This was also the first time I used the custom header.

My only issues is that I don’t get the custom header to be transparent and/or have the same colour as the theme. It always stays the same colour blue (the default one).

background: center / cover no-repeat url("/local/background.jpg") fixed
views:
  - badges: []
    cards:
      - type: 'custom:compact-custom-header'
        main_config: true
        background_image: true
        background_color: 'rgba(150, 150, 150, 0.2)'
        menu: show
        options: show
        voice: show
        notifications: clock
        clock_format: '24'
        clock_date: true
        disable: false

[akkaria (Adam)]

Glad you got it all working Looks great… I was actually thinking myself to soften the radius of the cards and after seeing yours I think it has convinced me.

As for the custom header not being transparent, I’m not 100% sure why it would be doing that. As you have a few options set for the header, one of them may be overriding it. Try not adding the background_image option and see if that fixes it.

[PHOLAUSSON]

@akkaria Hi, looks great
I’ve search your site but I cannot find link to your github. Can you please post your githublink?

[mayker (maykar (pronounced "maker" with a southern accent))]

background_image and background_color were replaced with just background:

Compact Custom Header

Update 1.0.2b9 Breaking Change: The config options “background _image” and “background_color” have been replaced with just “background”, you can use the same options as before like background: "#000" or background: url('/local/image.jpg') , but can now do things like background: "#000 url('/local/image.jpg') right. More info on the background property here. Replaced “background _image” and “background_color” with “background” Fixed tab container margins when using conditionals to hide but…

[Tyfoon]

@mayker that did it.Thanks!

[akkaria (Adam)]

Here is a link to my GitHub https://github.com/akkaria/home-assistant

It is in the article but funny enough, it seems I need to update the theme on my website The colour of the links doesn’t quite stand out enough, hence people not seeing the link so I’ll try and update it shortly.

[autdaf]

@Tyfoon Would you be able to share how you did all those lovely temperature graphs, especially the one comparing inside and outside temps and and also humidity? That’s exactly what I’m looking for and I’m unable to do it on my own. Thanks!

[Tyfoon]

Hi, this is the custom mini-graph card (here)

entities:
  - entity: sensor.vocht_kelder_216
    name: Garage
  - entity: sensor.vochtigheid_buiten_48
    name: Outside
icon: 'mdi:water-percent'
name: Humidity
show:
  fill: false
  labels: true
type: 'custom:mini-graph-card'

[Mariusthvdb (Marius)]

HI,

What is that weather card picture? Isn’t buienradar it? havent seen it like that before and would like to give it a go too.

would be willing to share the setup of that?

[Tyfoon]

Had to look that one up! Was along time ago…

Add below to your cameras.yaml (assuming you have one) and then add a lovelace camera card.

- platform: generic
  still_image_url: http://cdn.knmi.nl/knmi/map/general/weather-map.gif
  name: Weerkaart_NL

[Mariusthvdb (Marius)]

@Tyfoon

http://cdn.knmi.nl/knmi/map/general/weather-map.gif

thanks! missed knmi completely, how silly of me… duh. The rain and idle overlay are made in a picture_entity card then?

[Tyfoon]

yes, sorry. Forgot to post:

entity: camera.weerkaart_nl
name: Rain
type: picture-entity

[Mariusthvdb (Marius)]

cool thanks. allow me a final ‘off-topic’ question: what happens when you click the card. I get this:

remember when we got the card in More-info, but some version go that has stopped and now shows this silly question mark. All cameras btw.

[Tyfoon]

Mhh, I have below. Caching issue?

[Mariusthvdb (Marius)]

@Tyfoon

Mhh, I have below. Caching issue?

not sure, but when I use a private browser, I can see the more-info. Maybe some pop-up settings?

[kirpat (Kir)]

I see regular white theme when I open Hass.io tab

[Codec303]

I see regular white theme when I open Hass.io tab

Would you mind adding some more info about your browser and OS to the github issue here:

Themes in HassIO no longer work

I’m having the same issue and it would be nice to know what is causing it, thanks.

[pepeEL]

Hi I use theme as AKKARIA and use frontend theme TRANSPARENT and after logout and close webbrowser and open again and again i must setup this theme. Theme is not remember. Why ? please help me…