Cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Did gradients change in past 6 months?

I havent used my versa 3 because it broke, so I got a new one and I installed the last version of the clockface/settings i made for my old versa. this time when i choose a top and bottom color for the background gradient, it is SUPER ugly and shows mostly one color and not the other, I remember it used to blend perfectly. My code has not change, I just updated firmware and my gradients are ugly? Must I edit code or is there a problem with my watch ? please indicate what has changed

 

my gradient is a simple rectangle that blends in the middle with a color on top and bottom, but it is not blending in the middle and it shows mostly one color

 

simple gradient (where we later can choose the value for c1 and c2):

 <svg id="gradientContainer">
    <gradientRect id="bg" width="100%" height="100%"/>
</svg>

 

Best Answer
0 Votes
2 REPLIES 2

Be sure to set a gradient x1, x2, y1, y2 as outlined in https://dev.fitbit.com/build/guides/user-interface/svg/#linear-gradients

These are the coordinates the colors will begin and end blending from/to. Also, be aware that gradients between very similar colors may not show much blending as I believe the color palette available on the device is somewhat limited.

Best Answer
0 Votes

thanks, i forgot to include this is the style, and i am modifying the color values later with css/js which works fine but the blend is terrible. i have not modified the code since 6 months ago and it used to look great.

 

#bg {
gradient-type: "linear";
gradient-x1: "0";
gradient-y1: "50";
gradient-x2: "0";
gradient-y2: "100%-50";
gradient-color1: "magenta";
gradient-color2: "red";
}

Best Answer
0 Votes