basnijholt / lovelace-ios-themes

❤️📱🏠🤖 Themes inspired by iOS Dark ⬛️ and Light ◻️ Mode for Lovelace Home Assistant with different backgrounds
MIT License
639 stars 83 forks source link

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

Open compujunk opened 2 years ago

compujunk commented 2 years ago

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

besiktas97 commented 2 years ago

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

basnijholt commented 2 years ago

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 commented 2 years ago

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

basnijholt commented 2 years ago

Please let me know whether the latest commit that I pushed works: https://github.com/basnijholt/lovelace-ios-themes/commit/bccdb96876178f521939782eece73b8c9c183095.

besiktas97 commented 2 years ago

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 commented 2 years ago

nope didn't work here

basnijholt commented 2 years ago

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

besiktas97 commented 2 years ago

Nope it didn't fixed it

groto27 commented 2 years ago

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

2bbe commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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

basnijholt commented 2 years ago

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

03397 commented 2 years ago

@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 commented 2 years ago

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

03397 commented 2 years ago

@besiktas97 Update from HACS and you you will be ok

groto27 commented 2 years ago

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 commented 2 years ago

@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 commented 2 years ago

Did you clear your browser's cache?

besiktas97 commented 2 years ago

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

xquyan commented 2 years ago

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 commented 2 years ago

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

dc911x commented 2 years ago

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 commented 2 years ago

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 :)