How do i let the user choose a different colour for each part?

[dulapalliashish1]

i want the user to be able to choose a colour for the time, date, battery pill independently. The theme palette changes all three of them at a time.

How can i make it such that the user can choose what colour each of it is?

I’m sorry if im not clear with my question.

[MergeLabs]

theme color from left to right 1,2,3,. then assign your assets one of those numbers and it will be that color. Its important that your assets are all “white” otherwise it’s not gonna work like you want it too

[dulapalliashish1]

I’m sorry that wasn’t my question.

I’ve seen in some watchfaces, you are given the option to choose the colour of each element individually.

Suppose i want my time to be in blue, date in red and battery pill in yellow. I want individual settings for these instead of having to select all 3 colours at once.

I hope i’m clear.

[MergeLabs]

yeah I haven’t seen that. As far as I know, you can use theme color palette or make a style to do something like change color, but as a style, you wouldn’t be able to change the color of anything dynamic like the time (maybe with a mask?). I would like to know if that’s possible too.

[Peter]

@dulapalliashish1

Suppose i want my time to be in blue, date in red and battery pill in yellow. I want individual settings for these instead of having to select all 3 colours at once.

I think you can make the separate choices trough inserting the individual elements in white and then covering each with masking image, to which you then add style images of different colors, even gradients etc. Each element will have own set of styles which may be identical or completely
different. Little drawback is, the masking image could not be applied over group of items which you would want to change at once like theme (or at least in my version it was not possible).
Unzip attached example and try to open in WFS to see whether it is understandable.
3indyColors.zip (787.1 KB)

[dulapalliashish1]

This is exactly what i wanted.

Could you elaborate on how you masked them? I’m new to watch face studio.

[Peter]

I think it was described here somewhere, but I cant find suitable tutorial fast enough.
It is called masking, better word however would be projecting.
Like the bottom item defines shape with its opaque area and the top one defines also shape and color of light projected on the bottom one.

1. add your text field, set it to white, adjust its size and position, consider its size regarding the longest text it is supposed to display
2. add your first color image, place and stretch it so, that it covers the whole text
3. select the both these layers on the side list of layers. right click selection and pick mask
   
   
4. it will place them into a group with common name mask, to select the masking image hit the small triangle to roll down the content of this group
5. when top image layer in the mask group is selected, click style in right portion and hit the + sign to add image with alternative color I think only 10 styles can be added in WFS

In preview you can then play with separate sets and check how the alternate styles look