Google Dark Theme -- JuanMTech

JuanM · May 12, 2020, 2:14pm

Release 1.3

Added:

material-background-color
material-secondary-background-color

Changed:

ha-card-border-radius value

tamet83 · May 24, 2020, 9:02pm

Hi @JuanM , I love your theme. My compliments for your great work.
I noticed that after latest Hacs update, when I navigate inside it’s resources the background is white and it’s very hard to read the text.
I tried to look for a solution without any result. Here a screenshot for the Alexa Media player integration inside HACS:

Do you think there is a way to make the background black again?
Many thanks.

JuanM · May 24, 2020, 9:47pm

Hi there! Yes, I actually just fixed it on v1.4

JuanM · May 24, 2020, 9:49pm

Release 1.4

Added:

paper-dialog-background-color (Correct theme in HACS)

DavidFW1960 · May 24, 2020, 10:36pm

Check your orange theme… missing " on paper background colour causing validation error.

superwizbang · May 24, 2020, 11:14pm

With the newest HassOS update 110 (1), I have found that I lost my icon colors in both the base theme and your theme. I wonder what happened and what I need to update. I have mucked around in the gdt yaml and randomly changed colors to try and get this back. As a novice, I assume it has to do with an MDC(?) color assignment?

Anyhow, any guidance regarding where I can make some changes? I am showing you both the card icon color and the action icons in the upper right corner. Both are the background color I assume. On the mobile format, they are more easily seen…

Zeooo · May 28, 2020, 10:37am

Hello!
I love this theme. I just have a question, Can you define this topic on the login screen?

Let’s see if anyone can help me please, the topic is fine but it’s a little strange that the login is white.

Thank you!

Kaptensanders · June 21, 2020, 7:15pm

Hmm, 0.111.4 keeps saying “mapping values are not allowed here” for meta tags like <… style=“width: 0%;” …> in google_dark_theme.yaml…

what’s that about?

jwbtx · June 24, 2020, 10:42pm

Hi, I am new to HA, moving from iRule and just installing on my NAS.
When attempting to add this theme (and a couple others), I get the following error in the logfile:
“Component error: themes - Integration ‘themes’ not found.”

I have confirmed that I have a folder called “themes” inside the config folder.

In the “configuration.yaml” I have attempted the below entries with all coming back with the same error.

themes: !include_dir_merge_named themes
themes: !include_dir_merge_named ./themes
themes: !include_dir_merge_named ../themes
(I tried the last two just in case)

Any feedback on wtf I am missing is greatly appreciated.

Cheers
jwb

DavidFW1960 · June 25, 2020, 1:18am

frontend:
  themes: !include_dir_merge_named themes

jwbtx · June 25, 2020, 1:37pm

Thank you! I get the “frontend” component now.

Cheers
jwb

dkmcgowan · July 25, 2020, 2:34pm

did this theme break in 0.113.1? All my panels are white. The background is still dark and most colors still seem good, but the container around entities and others are white now

dkmcgowan · July 25, 2020, 2:36pm

never mind, downloaded updated version, called frontend.reload_themes, all good now

DavidFW1960 · July 26, 2020, 3:00am

Updated version???

I had the same issue and for some reason the change to remove:

  paper-card-background-color: var(--card-background-color)

is what caused the problem. Restoring that and the white is gone again. That was the only change?

It was the mini-media-card so I edited the js file to change the variable name to fix it.
Torn about this as the right way is to remove the variable but it causes no harm having that mapping in there. The solution is a @kalkih to fix the variable in the card…

frits1980 · July 26, 2020, 4:52am

I just updated this and the media player card is white now. Running HA 0.113.1 and Google dark theme 1.7.

DavidFW1960 · July 26, 2020, 5:27am

Yeah because JuanTech removed the old deprecated variable before the custom card makers reacted to the change (for no good reason).
2 ways to fix for now… Either revert the theme to the previous version (which restores the one line of code he deleted) or do a search and replace on the js card for the mini-player. and whichever option you choose, please head over to the repo for the card and add a me too to the issue I created.

pergola.fabio · July 26, 2020, 11:09am

i just installed that dark theme, first time playing with themes
but i need to remove the 2 spaces in all lines, indent all to left, otherwise it doesnt load the theme

why is that ?

pergola.fabio · July 27, 2020, 7:09am

what exactly did you change in the media player card? i still have white when the receiver is OFF

thnx

DavidFW1960 · July 27, 2020, 8:26am

Do a search for the old variable and replace with the new one.

pergola.fabio · July 27, 2020, 8:38am

strange, i have it like this; but still white :

background: var(–ha-card-background, var(–card-background-color, white)