#Pvt Gump I figured out there colors

1 messages · Page 1 of 1 (latest)

gentle hill
#

The colors will not update while editing. The changes won't take affect until you click Save.

type: entities
entities:
  - entity: light.hallway
    type: custom:slider-entity-row
    name: Hallway 2
    toggle: true
    hide_state: false
style:
  slider-entity-row:
    $:
      ha-slider:
        $:
          '#sliderKnob.slider-knob': |
            .slider-knob-inner {border: 1px solid white}
            .slider-knob-inner {background-color: white} 
          paper-progress:
            $: >
              #primaryProgress{background-color: red}
              #progressContainer {background-color: blue} 
      ha-entity-toggle:
        $: |
          ha-switch {
            --switch-unchecked-button-color: red;
            --switch-checked-button-color: green;
            --switch-unchecked-track-color: red;
            --switch-checked-track-color: green;
          }
```UPDATE 20230815: At some point, something must have changed because the sliderKnob would not show the color I defined. Had to update from `'#sliderKnob': |` to `'#sliderKnob.slider-knob': |`
#

I basically ripped apart what when made just to get the slider colors set. (Note: his design doesn't use the "dot" but rather the background around the dot to make the square.

slim drum
#

tyvm for this info!

gentle hill