Gh61/lovelace-hue-like-light-card

Use mushroom styled slider

Greenphlem opened this issue · 8 comments

Greenphlem commented

Hello!

Is there any way to change the style of the slider to have a bigger touch target? At the moment, the touch target is too small for my preference. In the screenshot below is a comparison of the current hue-card sliders vs Mushroom cards.

Screenshot_20230704_110728_Home Assistant

Gh61 commented

Hi,
You can style the card as you wish using the card mod.
You can create style which will enlarge the slider pointer (using transform:scale(2) for example).

ITensEI commented

I would also love to see a mushroom style slider as it's a bit more mobile friendly.
@Gh61 if you have the CSS for card_mod to make it look like the mushroom one please share it.

Gh61 commented

Thank you @ITensEI, I'll look into some possibilities to make the slider look like mushroom one.

Greenphlem commented

Woo! Thank you @Gh61

magnonan commented

Is there a way to change the background color and text color? I can't get it to work using card mod.

Gh61 commented

@magnonan
No, color of text a background is changed based on the actual color of light.
This is the main reason for this card to exists.

Gh61 commented

Will be part of the next release.
For configuration see https://github.com/Gh61/lovelace-hue-like-light-card#slider-type

  • 🎉1
Greenphlem commented

Thank you so much!! This is great.