II. GUI Basics

Chapter 9. Widgets Styles

Gradient Color

Method signature

setGradient = "[color] start, [color] end, [bool] is vertical, [int] curve"
[color] is a 6 digit hexadecimal value
[bool] is a true or false string value

Examples

In this example we will be using a button widget

.. setGradient="000000,bbbbff,false,0" ..
it reads as;
Starting from the color black (000000)
to the highlight color of light blue (bbbbff),
while using the linear curve to render the background (0)

Let's use a concave transformation to render the border and look at the difference
.. setGradient="000000,bbbbff,false,1" ..
Starting from the color black (000000)
to the highlight color of light blue (bbbbff),
while using the concave curve to render the background (1)

Let's use a convex transformation to render the border and look at the difference
.. setGradient="000000,bbbbff,false,2" ..
Starting from the color black (000000)
to the highlight color of light blue (bbbbff),
while using the convex curve to render the background (2)

Notes

Used in conjunction with setBorderColor we can achieve very pleasing and unified effect