1) Set the box fill to gradient
Select the box and open the right panel. If the panel is closed, open it.
Select the [Box] tab and open the background color settings panel.
Set the background color to gradient.
2) Add color stops to have a total of 4 points
Click two spots on the gradient bar to add two additional color stops.
3) Set the left two points and the right two points to the same color
Of the four points, make the two on the left the same color, and the two on the right the same color.
Tips: Switch the color input mode to display the HEX code — this makes it easy to copy and paste colors between points.
4) Align the 2nd and 3rd points together
Drag the 2nd and 3rd points so they overlap each other.
5) Set the gradient angle to diagonal
Use the angle adjustment feature to set the desired angle.
diagonal diagonal box tilt diagonal line angled rotation dome triangle triangle