How to style the new input elements

Doies anybody know how to change background or text of these new input elements?
image

These are the theme variables for the input controls (input text, select, number, etc…).

  input-ink-color: 'var(--primary-text-color)'                              
  input-label-ink-color: 'var(--secondary-text-color)'
  input-disabled-ink-color: 'var(--secondary-text-color)'
  input-fill-color: 'rgba(0, 0, 0, 0)'                                 
  input-dropdown-icon-color: 'var(--primary-text-color)'
  input-idle-line-color: 'var(--secondary-text-color)'
  input-hover-line-color: 'var(--primary-text-color)'
  input-disabled-line-color: 'var(--disabled-text-color)'
  input-outlined-idle-border-color: 'var(--disabled-text-color)'
  input-outlined-hover-border-color: 'var(--disabled-text-color)'
  input-outlined-disabled-border-color: 'var(--disabled-text-color)'
  input-disabled-fill-color: 'rgba(0, 0, 0, 0)'

My settings may not match up with what you want. The “fill” variables are the ones that control the background.

  input-fill-color:
  input-disabled-fill-color:
2 Likes

You seem to be everywhere these days😉 Thank you!

1 Like

Hello,
The 2022.8 update has added new scheme. Would you know what names are the ones in red arrows? I have tried all your settings and none changed the blues.
2022-08-14_13-13-46

1 Like

From card-mod thread:

"hui-input-number-entity-row" - entity row for "input_number"
post
How to make input_number rows look less different from other entity rows - part 1, part 2

input_select row
post
How to make input_select rows look less different from other entity rows - part 1, part 2
How to add secondary_info: last-changed

input-text row
post
How to make input_text rows look less different from other entity rows - part 1, part 2

input_datetime row
part 1
part 2
How to make input_datetime rows look less different from other entity rows - part 1, part 2