krizkontrolz / Home-Assistant-nextion_handler

An approach for integrating Nextion devices into Home Assistant, using a Python service that allows Nextion Events to send instructions to HA.
50 stars 1 forks source link

Icons padding in Widget UI? #2

Open diegopamio opened 2 years ago

diegopamio commented 2 years ago

Is there any way to define additional padding over the icons in the Widget UI buttons? I love Widget UI but the icons touching the borders of the background circle is so awful and my ODC doesn't allow me to let that pass.

krizkontrolz commented 1 year ago

Given the small size of the screen, I made a few trade-offs in aesthetics for legibility of icons etc. The icons are all in a pair of images (for highlighted & unhighlighted versions) in the HMI file and all originally created in an SVG file (as shown in the icon index here). So if you are happy editing vector graphics you can replace any of the images in the Nextion HMI editor to reskin any/all of the components as you wish.

I thought I had already uploaded the HMI and SVG files for Widget UI, but see I haven't yet (because version control with future releases is hard to maintain in HMI files if you start customising the code). But, if you are interested in customizing your graphics, I'm happy to share the source files for you to do so (just reply here).