Hi, relative newbie here so forgive me if I get anything wrong.
Been setting up my lights using the Hue Like Light Card (some of my lights are Hue lights)
and I cannot work out how to change the colour of the action button on these
I have tried so many options (using Claude), inspector suggested its a 'thumb', ive tried switch, action button, thumb etc etc but nothing changes it
the info suggests it is possible but the example uses a theme (which I didnt want to do)
Any suggestions please?
This will get you started
card_mod:
style:
ha-switch$: |
.switch {
background: orange !important;
}
.thumb {
background: blue !important;
}
that hasnt changed anything 
but thanks for the response 
That code was tested and works as displayed in the attached pic in the previous post. You have another issue.
What Card-Mod version do you have installed?
Does this code change your background color?
type: custom:hue-like-light-card
entity: light.xxxxx
card_mod:
style: |
ha-card {
background: red !important;
}
sorry didnt see this post the other day
card mod version 4.2.1
yes that does change the background colour
huh just tried the code from the other day again and it is now working... wonder why it didn't the other day!
Now though I want to get the main slider teal, the little thumb slider teal, and remove the orange ring around the little thumb, so a combination of the two, is there a way to get the thumb colour to change back to grey when the light is off? the code you have shared changes it to permanently that colour
Any suggestions please? Thank you!!!
Here is a more robust example. It only affects the slider and thumb color if the light is turned on. Feel free to adjust the code to your liking.
type: custom:hue-like-light-card
entity: light.office_lights
slider: mushroom
icon: hue:room-office
description: false
card_mod:
style:
ha-switch$: |
.checked .switch .thumb {
background: teal !important;
border: none;
}
.checked .switch {
background: black !important;
border: none;
}
.: |
ha-card {
background: grey !important;
}
.brightness-slider {
--mush-control-height: 20px;
--slider-color: teal;
}
Going forward, please post your code using code blocks (backticks) vs screenshots. The method is explained here
thank you so much!! very gratefully appreciated,
