Greetings!
I am working on my first theme (Half-Life 
) and have run into a text color issue with the SONOS card favorites.
Can someone please help me figure out what code I need to alter to fix the text issue in the attached image?
You can find out it by yourself. Open Code inspector (or whatever it is called in your browser), select the element and you will see how to customize a color.
Thanks for the reply!
So I have been playing with the inspector in Chrome and found that one of the properties I would like to change is “control-button-border-radius”.
It works when I change the property in the inspector, but when I add that value to my YAML code there is no change after refresh. Would this be a card mod situation or something? I am not familiar with how to add it properly.
In most cases, changing CSS for a card is possible with a custom plugin called card-mod. Since not everyone uses that particular Sonos card, I suggested you to try doing it yourself.
Go to the card-mod docs in a corresponding github repo, you will find simplest examples there. Also, any card-mod related questions may be asked in the main card-mod thread in Community.
Also, in some cases some customizations may be done w/o card-mod in a custom theme - but only for so called CSS variables like “–primary-text-color”. And I have no idea does the Sonos card have any “themable” css variables.
1 Like
Thanks so much for your detailed help!
1 Like