Widget styling questions

Developers
1

I’m developing a widget for the Playstation app.
This is what I have so far (I’m not a CSS master)

  1. Is there a class to round the borders exactly as Homey ? As you can see all gray squares should be rounded and the image too. (the rest of the borders will disappear so no need to burn them down :smiley: )
  2. How can I colour the svgs like the text? So depending on the theme the svgs are lighter or darker (all black icons on the picture are svgs)

image
image877×651 78.1 KB

2

I used this example:

This way, the icons are using default CSS color (dependent on light/dark theme).
If you want a fixed color, you can set it in the CSS part. You can use RGB/HEX/ColorCodes or just Homey CSS variables:

1 Like
3

I’ve clearly missed it, too much hectic xD thx!