Card-modded version (Opacity/Size/Percentage location)

[Montreal666]

Find below my card-mod version which can easily be edited (slider/icon/name/percentage)

• Slider opacity increased
• Icon/Text size increased
• percentage on the same centered line, on the far right. Increased brightness.

Would be nice to see some of these features implemented in the next releases.

Love the result, hope this helps others.

type: custom:big-slider-card
entity: light.bulbrgbww2
name: TEST LIGHT
attribute: brightness
transition: 0
height: 70
text_color: ' '
border_radius: 10px
icon: mdi:lightbulb
colorize: true
show_percentage: true
min: 1
max: 100
hold_time: 500
settle_time: 3000
tap_action:
  action: toggle
hold_action:
  action: more-info
card_mod:
  style: |
    #name {
      font-size: 1.5rem !important;
      font-weight: 900 !important;
    }   
    #percentage {
      font-size: 1.5rem !important;
      font-weight: 900 !important;
      line-height: 0rem !important;
      position: absolute;
      top: 50%;
      right: 5%;
      filter: brightness(120%);
    }    
    #slider {   
      opacity: 0.7 !important;
    }    
    #icon {
      --mdc-icon-size: 50px !important; 
      position: absolute !important;
      left: 2% !important;
    }