#Replacing slider-track-active with slider-track-indicator

1 messages · Page 1 of 1 (latest)

fiery wasp
#

I am working on having a helper variable I can use to set the color temperature of all lights in my house. I want a slider interface in the dashboard similar to a light but just for color temps. I have card mod installed and got it working to change the background to what I want. Current yaml code is below. I attached a image of what it looks like currently and what I would like it to look like. I can get it that way if I change the div id to slider-track-indicator but I am not good enough at CSS to do that in card-mod. Would appreciate someone more experienced to let me know if that's an easy thing to do or I should go down a different path.

type: custom:mushroom-number-card
entity: input_number.light_color_temperature
fill_container: true
grid_options:
  columns: 12
  rows: 2
card_mod:
  style:
    mushroom-card .actions mushroom-number-value-control$: |
      mushroom-slider {
        --gradient: -webkit-linear-gradient(right, rgb(255, 147, 44), rgb(255, 249, 253)) !important;
        --main-color: rgba(0,0,0,.6) !important;
      }
image.png image.png
slender anvil
#

I thought the mushroom light control supported that natively, no? Pretty sure you just have to deselect the brightness control toggle and turn on the temperature control toggle. Or am I missing something?

image.png
fiery wasp
#

the problem is that only works for light entities

#

this isn't controlling a light it's and input_number