Share your Themes

Tyfoon · April 15, 2019, 10:23am

yes, sorry. Forgot to post:

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

Mariusthvdb · April 15, 2019, 10:27am

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 · April 15, 2019, 10:29am

Mhh, I have below. Caching issue?

Mariusthvdb · April 15, 2019, 11:58am

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

kirpat · April 15, 2019, 12:15pm

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

Codec303 · April 15, 2019, 2:20pm

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:

github.com/home-assistant/frontend

Themes in HassIO no longer work

opened 02:16PM - 11 Apr 19 UTC

closed 05:54PM - 18 May 19 UTC

DeviousPenguin

**Home Assistant release with the issue:**  Home Assistant 0.91.3 **Last working Home Assistant release (if known):** Home Assistant 0.91.3 **UI (States or Lovelace UI?):**  states **Browser and Operating System:**  Firefox v66 MacOs 10.13.6 **Description of problem:**  The HassOS tab in HA no longer works with any theme. It just seems to use the default theme even though I have a custom theme set. I'm running the latest HassOS supervisor, 158, but it auto updates but I seem to remember supervisor 150 used to work with the dark theme I have set. Here's a screenshot: ![hassos_theme_compress](https://user-images.githubusercontent.com/11376139/55964424-9bb40380-5c6c-11e9-834e-926e805a79e9.jpg) Themes: Using midnight dark, here's the yaml ``` Midnight: # Main colors primary-color: '#5294E2' # Header accent-color: '#E45E65' # Accent color dark-primary-color: 'var(--accent-color)' # Hyperlinks light-primary-color: 'var(--accent-color)' # Horizontal line in about # Text colors primary-text-color: '#FFFFFF' # Primary text colour, here is referencing dark-primary-color text-primary-color: 'var(--primary-text-color)' # Primary text colour secondary-text-color: '#5294E2' # For secondary titles in more info boxes etc. disabled-text-color: '#7F848E' # Disabled text colour label-badge-border-color: 'green' # Label badge border, just a reference value # Background colors primary-background-color: '#383C45' # Settings background secondary-background-color: '#383C45' # Main card UI background divider-color: 'rgba(0, 0, 0, .12)' # Divider # Table rows table-row-background-color: '#353840' # Table row table-row-alternative-background-color: '#3E424B' # Table row alternative # Nav Menu paper-listbox-color: 'var(--primary-color)' # Navigation menu selection hoover paper-listbox-background-color: '#2E333A' # Navigation menu background paper-grey-50: 'var(--primary-text-color)' paper-grey-200: '#414A59' # Navigation menu selection # Paper card paper-card-header-color: 'var(--accent-color)' # Card header text colour paper-card-background-color: '#434954' # Card background colour paper-dialog-background-color: '#434954' # Card dialog background colour paper-item-icon-color: 'var(--primary-text-color)' # Icon color paper-item-icon-active-color: '#F9C536' # Icon color active paper-item-icon_-_color: 'green' paper-item-selected_-_background-color: '#434954' # Popup item select paper-tabs-selection-bar-color: 'green' # Labels label-badge-red: 'var(--accent-color)' # References the brand colour label badge border label-badge-text-color: 'var(--primary-text-color)' # Now same as label badge border but that's a matter of taste label-badge-background-color: '#2E333A' # Same, but can also be set to transparent here # Switches paper-toggle-button-checked-button-color: 'var(--accent-color)' paper-toggle-button-checked-bar-color: 'var(--accent-color)' paper-toggle-button-checked-ink-color: 'var(--accent-color)' paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)' paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)' paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)' # Sliders paper-slider-knob-color: 'var(--accent-color)' paper-slider-knob-start-color: 'var(--accent-color)' paper-slider-pin-color: 'var(--accent-color)' paper-slider-active-color: 'var(--accent-color)' paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat' paper-slider-secondary-color: 'var(--secondary-background-color)' paper-slider-disabled-active-color: 'var(--disabled-text-color)' paper-slider-disabled-secondary-color: 'var(--disabled-text-color)' # Sidebar sidebar-selected-icon-color: 'var(--secondary-text-color)' sidebar-icon-color: 'var(--primary-text-color)' # Google colors google-red-500: '#E45E65' google-green-500: '#39E949' ``` **Javascript errors shown in the web inspector (if applicable):** ``` ``` **Additional information:**

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

pepeEL · April 26, 2019, 10:31am

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…

jimpower · April 26, 2019, 10:36am

This is the second time you have posted this just one is enough someone will help you. Now for setting theme you need to set an automation to set the theme on start up. There is an example on the theme component page.

Leeacc · May 13, 2019, 4:39am

this is mine

pepeEL · May 13, 2019, 5:25am

Hi
What you use to show date and time in header ?

Christian_Hollbjar · May 13, 2019, 7:22pm

Compact header custom Component probably.
https://www.google.com/url?sa=t&source=web&rct=j&url=https://community.home-assistant.io/t/compact-custom-header/83716&ved=2ahUKEwjQ6piXnZniAhXBwsQBHeXHBPQQFjAAegQIBxAD&usg=AOvVaw1C1O0v7OCg772ftlxoze1b

Ricardo · August 6, 2019, 10:39am

Hello everyone,
I’m bulding an ultra white theme, but I’ve found an issue with hyperlinks. Do you have any idea how can I change them?
Thanks.

MediaCowboy · August 6, 2019, 2:40pm

I am using your theme and a few other pieces from community member and this is just amazing.

firstof9 · August 7, 2019, 5:59pm

@MediaCowboy mind sharing your “Special Event’s” card or a link to where you got it?

atressler85 · August 8, 2019, 4:49pm

@Leeacc - Could you share how you did this?!? I am doing an Iron Man theme with my home automation, and this would be PERFECT!

MediaCowboy · August 8, 2019, 5:47pm

@firstof9, I forget what thread talked about it but here’s the github.

firstof9 · August 8, 2019, 6:00pm

Thank you kindly.

Vatoe · August 27, 2019, 9:36am

Really nice theme. There does however, seem to be an issue gauge cards. The colour doesn’t stay within the arc of the gauge.

firstof9 · August 27, 2019, 11:39pm

That’s due to the transparency.

Vatoe · August 28, 2019, 6:34am

Figured as much. I just changed the theme on those individual cards and it’s all ok.