Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

with that new version of HA (2022.3.0) the entry fields are no longer correct. they are now white #34

Open
compujunk opened this issue Mar 3, 2022 · 24 comments

Comments

@compujunk
Copy link

with that new version of HA (2022.3.0) the entry fields are no longer correct. they are now white
image
image

@besiktas97
Copy link

Same here. Can you check and fix it please, so it will look good again ?

@basnijholt
Copy link
Owner

I'm in the middle of moving house and currently don't have HA. So no way of testing it. If someone submits a PR, I will review and merge.

@besiktas97
Copy link

I don't know how to do that so I guess this will take a long time before it can be fixed?

@basnijholt
Copy link
Owner

Please let me know whether the latest commit that I pushed works: bccdb96.

@besiktas97
Copy link

I just test it and it didn't work. I redownloaded the master version, restarted HA and also try the V2.5.0 with a restart. Both didn't work.

@compujunk
Copy link
Author

nope didn't work here

@basnijholt
Copy link
Owner

basnijholt commented Mar 7, 2022

Just pushed another change. v2.6.0. Does it work now?

@besiktas97
Copy link

Nope it didn't fixed it

@groto27
Copy link

groto27 commented Mar 8, 2022

I have the same issue. It would be great if this could be fixed considering it is such a great theme.

@2bbe
Copy link

2bbe commented Mar 10, 2022

Hi
I have made some progress with my trial and error but Im not there yet.

This gives me attached picture:
mdc-text-field-fill-color: var(--ha-card-background) mdc-text-field-ink-color: var(--primary-text-color) mdc-select-ink-color: var(--primary-text-color) mdc-select-fill-color: var(--ha-card-background) mdc-select-label-ink-color: var(--primary-text-color) mdc-text-field-label-ink-color: var(--primary-text-color) input-fill-color: var(--ha-card-background) input-ink-color: var(--primary-text-color) input-label-ink-color: var(--primary-text-color) input-disabled-fill-color: var(--ha-card-background) input-disabled-ink-color: var(--disabled-text-color) input-disabled-label-ink-color: var(--disabled-text-color) input-idle-line-color: var(--card-background-color) input-dropdown-icon-color: var(--light-primary-color) input-hover-line-color: var(--light-primary-color) codemirror-property: var(--accent-color)

any ideas?
image

@basnijholt
Copy link
Owner

I just pushed another update.

There are some more alternatives that people proposed and because I don't have means to test it ATM, it would be great if someone could report which one of these look better:

  # TODO: Below contain alternatives that have been proposed in comments
  # If anyone can test out the lines in the comments and report
  # Which one looks better, that would be great!
  mdc-text-field-fill-color: var(--card-background-color)
  # mdc-text-field-fill-color: var(--ha-card-background)
  mdc-select-fill-color: var(--card-background-color)
  # mdc-select-fill-color: var(--ha-card-background)
  input-label-ink-color: var(--secondary-text-color)
  # input-label-ink-color: var(--primary-text-color)
  input-disabled-ink-color: var(--secondary-text-color)
  # input-disabled-ink-color: var(--disabled-text-color)
  input-disabled-fill-color: var(--card-background-color)
  # input-disabled-fill-color: var(--ha-card-background)
  input-fill-color: var(--card-background-color)
  # input-fill-color: var(--ha-card-background)
  input-dropdown-icon-color: var(--primary-text-color)
  # input-dropdown-icon-color: var(--light-primary-color)
  input-idle-line-color: var(--secondary-text-color)
  # input-idle-line-color: var(--card-background-color)
  input-hover-line-color: var(--secondary-text-color)
  # input-hover-line-color: var(--light-primary-color)

@besiktas97
Copy link

V2.7.0 or the master one? I cant see a new version to install. Thanks for all the effort you are taking.

@basnijholt
Copy link
Owner

master. Soon I will move into a new house and will be able to debug better :)

@03397
Copy link

03397 commented Mar 11, 2022

@basnijholt
I have replaced in the yaml file what you have suggested. I could not find the "input" options anywhere so I just added them.
See below. I have replaced the two as you can see and added the remaining "input" options.
Everything is back to normal

#mdc-text-field-fill-color: var(--card-background-color)
mdc-text-field-fill-color: var(--ha-card-background)
mdc-text-field-ink-color: var(--primary-text-color)
mdc-select-ink-color: var(--primary-text-color)
#mdc-select-fill-color: var(--card-background-color)
mdc-select-fill-color: var(--ha-card-background)
mdc-select-label-ink-color: var(--primary-text-color)

input-label-ink-color: var(--primary-text-color)
input-disabled-ink-color: var(--disabled-text-color)
input-disabled-fill-color: var(--ha-card-background)
input-fill-color: var(--ha-card-background)
input-dropdown-icon-color: var(--light-primary-color)
input-idle-line-color: var(--card-background-color)
input-hover-line-color: var(--light-primary-color)

@besiktas97
Copy link

Which yaml file is that? Do I only need to copy the whole thing and paste it?

@03397
Copy link

03397 commented Mar 11, 2022

@besiktas97
Update from HACS and you you will be ok

@groto27
Copy link

groto27 commented Mar 11, 2022

Hi @basnijholt

Thank you for working this issue. Is it supposed to match the background now? Instead of all of the dropdowns/text boxes being white they are now black (which is an improvement), but shouldn't they match the rest of the theme like before?

Here are some examples after updating to 2.7.0

Screen Shot 2022-03-11 at 5 13 38 PM

Screen Shot 2022-03-11 at 5 14 35 PM

@besiktas97
Copy link

@besiktas97

Update from HACS and you you will be ok

I did the update from HACS. Took the master version and try also the V2.7.0 and it doesnt work.

@basnijholt
Copy link
Owner

Did you clear your browser's cache?

@besiktas97
Copy link

Not on explorer, but have also the same thing on the dedicated app on iOS tablet and phone.

@xquyan
Copy link

xquyan commented Mar 22, 2022

I just migrated from a core install to haos and this occured. Thought it might help for u to know.
I just started using HA no more than a month and just installed and updated the OS today, so everything should be up to date for the OS; the core install I'm not sure tho

@basnijholt
Copy link
Owner

I have pushed an update that makes everything look OK again.

@dc911x
Copy link

dc911x commented Apr 18, 2022

I have pushed an update that makes everything look OK again.

Thanks Bas, great you have HA up running again @ your new place. Looking forward to your "new" house setup dashboard?
You got some new stuff too?

@basnijholt
Copy link
Owner

Yes, I am in the process of getting new gadgets. I moved to a different continent and most of my smart home stuff was 230V, whereas now I need to use 110V :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

8 participants