Hello Sancia,
the default Value Bar configuration uses bitmap resources containing the green colors. To configure the Value Bar with other colors (or other visual aspects), you will need to create your own bitmap resources.
To achieve this you create an image file (e.g. PNG) by using a graphic editor like Affinity Designer, GIMP, Photoshop, etc. and then you add the image file to your Embedded Wizard project as a new bitmap resource. This bitmap resource can then be assigned to a Value Bar configuration object. In other words to have grey value bar, you would need to create some image with the value bar shape and the desired grey color.
See also the chapters Specify the bitmap and color for the Value Bar's left track image and Specify the bitmap and color for the Value Bar's right track image for more details how the image file has to be designed. Especially note the 9-slice image scaling aspect.
If your Value Bar is monochrome, you can configure the bitmap resource in the ALPHA8 format. This means the bitmap will provide opacity information only. The desired color is determined by the TintXXX properties in the Value Bar config object.
From your screenshot there are two white icons visible. To display them you would need to create a further bitmap resource and assign it to the Value Bar config object as so-called Cover. See also Specify the bitmap and color for the Value Bar's cover image. Please note also the description from the chapter Customize your own Horizontal Value Bar explaining from which parts the Value Bar is composed internally.
I hope it helps you further.
Best regards
Paul Banach
