Improve visual design of buttons

A dark border was added to the left and bottom to add definition.
This commit is contained in:
Charles Dang 2016-05-16 22:57:47 +11:00
parent f5fbb3872a
commit 07fee4038b

View file

@ -34,18 +34,18 @@
w = "(width)"
h = "(height)"
border_thickness = 1
border_color = {BORDER_COLOR}
border_thickness = 3
border_color = "1, 10, 16, 255"
[/rectangle]
[rectangle]
x = 1
y = 1
w = "(width - 2)"
h = "(height - 2)"
y = 0
w = "(width - 1)"
h = "(height - 1)"
border_thickness = 1
border_color = "1, 10, 16, 255"
border_color = {BORDER_COLOR}
[/rectangle]
#
@ -53,20 +53,20 @@
#
[line]
x1 = 0
y1 = 0
x2 = 0
y2 = "(height - 1)"
x1 = 1
y1 = 1
x2 = 1
y2 = "(height - 2)"
thickness = 1
color = {BORDER_COLOR_DARK}
[/line]
[line]
x1 = 0
y1 = "(height - 1)"
x2 = "(width - 1)"
y2 = "(height - 1)"
x1 = 1
y1 = "(height - 2)"
x2 = "(width - 2)"
y2 = "(height - 2)"
thickness = 1
color = {BORDER_COLOR_DARK}
@ -101,14 +101,19 @@
#
{_GUI_POINT 0 0 ("0, 0, 0, 0")}
{_GUI_POINT 0 "(height - 1)" ("0, 0, 0, 0")}
{_GUI_POINT "(width - 1)" 0 ("0, 0, 0, 0")}
{_GUI_POINT "(width - 1)" "(height - 1)" ("0, 0, 0, 0")}
{_GUI_POINT 1 0 ("0, 0, 0, 0")}
{_GUI_POINT 2 1 {BORDER_COLOR_DARK}}
{_GUI_POINT 1 1 {BORDER_COLOR }}
{_GUI_POINT 1 "(height - 2)" {BORDER_COLOR_DARK}}
{_GUI_POINT "(width - 2)" 1 {BORDER_COLOR }}
{_GUI_POINT "(width - 2)" "(height - 2)" {BORDER_COLOR_DARK}}
{_GUI_POINT 0 "(height - 1)" ("0, 0, 0, 0")}
{_GUI_POINT 1 "(height - 2)" ("0, 0, 0, 0")}
{_GUI_POINT 2 "(height - 3)" {BORDER_COLOR_DARK}}
{_GUI_POINT "(width - 1)" 0 ("0, 0, 0, 0")}
{_GUI_POINT "(width - 2)" 1 {BORDER_COLOR}}
{_GUI_POINT "(width - 1)" "(height - 1)" ("0, 0, 0, 0")}
{_GUI_POINT "(width - 1)" "(height - 2)" ("0, 0, 0, 0")}
{_GUI_POINT "(width - 2)" "(height - 3)" {BORDER_COLOR}}
#enddef
#define _GUI_RESOLUTION RESOLUTION MIN_WIDTH DEFAULT_WIDTH HEIGHT EXTRA_WIDTH EXTRA_HEIGHT FONT_SIZE IPF ALPHA