gui: make scroll bars smaller and transparent

Not all themes tested.

To center the scrollbar horizontally on the line, the width must be
fastscroll_linew + 2 * something.

Change-Id: I3c2878734ffbd2e8ef3bc7c64b2f16d4f61aeda5
diff --git a/gui/devices/1024x600/res/ui.xml b/gui/devices/1024x600/res/ui.xml
index 5147959..0d09750 100644
--- a/gui/devices/1024x600/res/ui.xml
+++ b/gui/devices/1024x600/res/ui.xml
@@ -159,12 +159,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="18" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="32" />
 		<variable name="fastscroll_linew" value="2" />
-		<variable name="fastscroll_rectw" value="24" />
-		<variable name="fastscroll_recth" value="40" />
+		<variable name="fastscroll_rectw" value="12" />
+		<variable name="fastscroll_recth" value="22" />
 		<variable name="zipstorage_text_y" value="88" />
 		<variable name="listbox_x" value="269" />
 		<variable name="listbox_y" value="90" />
diff --git a/gui/devices/1024x768/res/ui.xml b/gui/devices/1024x768/res/ui.xml
index 822b7f1..fbc984a 100644
--- a/gui/devices/1024x768/res/ui.xml
+++ b/gui/devices/1024x768/res/ui.xml
@@ -159,12 +159,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="18" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="32" />
 		<variable name="fastscroll_linew" value="2" />
-		<variable name="fastscroll_rectw" value="24" />
-		<variable name="fastscroll_recth" value="40" />
+		<variable name="fastscroll_rectw" value="12" />
+		<variable name="fastscroll_recth" value="22" />
 		<variable name="zipstorage_text_y" value="88" />
 		<variable name="listbox_x" value="269" />
 		<variable name="listbox_y" value="90" />
diff --git a/gui/devices/1080x1920/res/ui.xml b/gui/devices/1080x1920/res/ui.xml
index 5b70a14..84f2c5e 100644
--- a/gui/devices/1080x1920/res/ui.xml
+++ b/gui/devices/1080x1920/res/ui.xml
@@ -148,12 +148,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="48" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="90" />
 		<variable name="fastscroll_linew" value="3" />
-		<variable name="fastscroll_rectw" value="60" />
-		<variable name="fastscroll_recth" value="105" />
+		<variable name="fastscroll_rectw" value="21" />
+		<variable name="fastscroll_recth" value="60" />
 		<variable name="listbox_x" value="5" />
 		<variable name="listbox_width" value="1070" />
 		<variable name="listbox_tz_height" value="885" />
diff --git a/gui/devices/1200x1920/res/ui.xml b/gui/devices/1200x1920/res/ui.xml
index 0a0b596..b9aa7be 100644
--- a/gui/devices/1200x1920/res/ui.xml
+++ b/gui/devices/1200x1920/res/ui.xml
@@ -151,12 +151,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="48" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="90" />
 		<variable name="fastscroll_linew" value="3" />
-		<variable name="fastscroll_rectw" value="60" />
-		<variable name="fastscroll_recth" value="105" />
+		<variable name="fastscroll_rectw" value="21" />
+		<variable name="fastscroll_recth" value="60" />
 		<variable name="listbox_x" value="5" />
 		<variable name="listbox_width" value="1190" />
 		<variable name="listbox_tz_height" value="885" />
diff --git a/gui/devices/1280x800/res/ui.xml b/gui/devices/1280x800/res/ui.xml
index cb4bcb2..d9fc6b4 100644
--- a/gui/devices/1280x800/res/ui.xml
+++ b/gui/devices/1280x800/res/ui.xml
@@ -159,12 +159,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="18" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="40" />
 		<variable name="fastscroll_linew" value="2" />
-		<variable name="fastscroll_rectw" value="30" />
-		<variable name="fastscroll_recth" value="50" />
+		<variable name="fastscroll_rectw" value="16" />
+		<variable name="fastscroll_recth" value="30" />
 		<variable name="zipstorage_text_y" value="88" />
 		<variable name="listbox_x" value="397" />
 		<variable name="listbox_y" value="90" />
diff --git a/gui/devices/1440x2560/res/ui.xml b/gui/devices/1440x2560/res/ui.xml
index 35566e7..fa785b8 100644
--- a/gui/devices/1440x2560/res/ui.xml
+++ b/gui/devices/1440x2560/res/ui.xml
@@ -148,12 +148,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="64" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="120" />
 		<variable name="fastscroll_linew" value="4" />
-		<variable name="fastscroll_rectw" value="80" />
-		<variable name="fastscroll_recth" value="140" />
+		<variable name="fastscroll_rectw" value="32" />
+		<variable name="fastscroll_recth" value="90" />
 		<variable name="listbox_x" value="6" />
 		<variable name="listbox_width" value="1583" />
 		<variable name="listbox_tz_height" value="1177" />
diff --git a/gui/devices/1600x2560/res/ui.xml b/gui/devices/1600x2560/res/ui.xml
index 404e6f1..1970c8b 100644
--- a/gui/devices/1600x2560/res/ui.xml
+++ b/gui/devices/1600x2560/res/ui.xml
@@ -151,12 +151,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="64" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="120" />
 		<variable name="fastscroll_linew" value="4" />
-		<variable name="fastscroll_rectw" value="80" />
-		<variable name="fastscroll_recth" value="140" />
+		<variable name="fastscroll_rectw" value="24" />
+		<variable name="fastscroll_recth" value="90" />
 		<variable name="listbox_x" value="120" />
 		<variable name="listbox_width" value="1360" />
 		<variable name="listbox_tz_height" value="1177" />
diff --git a/gui/devices/1920x1200/res/ui.xml b/gui/devices/1920x1200/res/ui.xml
index 58ef573..2cd42b5 100644
--- a/gui/devices/1920x1200/res/ui.xml
+++ b/gui/devices/1920x1200/res/ui.xml
@@ -159,12 +159,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="18" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="60" />
 		<variable name="fastscroll_linew" value="3" />
-		<variable name="fastscroll_rectw" value="45" />
-		<variable name="fastscroll_recth" value="75" />
+		<variable name="fastscroll_rectw" value="15" />
+		<variable name="fastscroll_recth" value="40" />
 		<variable name="zipstorage_text_y" value="130" />
 		<variable name="listbox_x" value="560" />
 		<variable name="listbox_y" value="150" />
diff --git a/gui/devices/240x240/res/ui.xml b/gui/devices/240x240/res/ui.xml
index 2e88fe2..22979e6 100644
--- a/gui/devices/240x240/res/ui.xml
+++ b/gui/devices/240x240/res/ui.xml
@@ -146,12 +146,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="12" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="32" />
 		<variable name="fastscroll_linew" value="1" />
-		<variable name="fastscroll_rectw" value="18" />
-		<variable name="fastscroll_recth" value="31" />
+		<variable name="fastscroll_rectw" value="7" />
+		<variable name="fastscroll_recth" value="24" />
 		<variable name="listbox_x" value="0" />
 		<variable name="listbox_width" value="240" />
 		<variable name="listbox_tz_height" value="114" />
diff --git a/gui/devices/2560x1600/res/ui.xml b/gui/devices/2560x1600/res/ui.xml
index 58cede1..8f48cf2 100644
--- a/gui/devices/2560x1600/res/ui.xml
+++ b/gui/devices/2560x1600/res/ui.xml
@@ -159,12 +159,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="18" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="80" />
 		<variable name="fastscroll_linew" value="4" />
-		<variable name="fastscroll_rectw" value="60" />
-		<variable name="fastscroll_recth" value="100" />
+		<variable name="fastscroll_rectw" value="24" />
+		<variable name="fastscroll_recth" value="60" />
 		<variable name="zipstorage_text_y" value="190" />
 		<variable name="listbox_x" value="680" />
 		<variable name="listbox_y" value="195" />
diff --git a/gui/devices/280x280/res/ui.xml b/gui/devices/280x280/res/ui.xml
index 2bab4b6..ab03425 100644
--- a/gui/devices/280x280/res/ui.xml
+++ b/gui/devices/280x280/res/ui.xml
@@ -144,12 +144,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="12" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="32" />
 		<variable name="fastscroll_linew" value="1" />
-		<variable name="fastscroll_rectw" value="18" />
-		<variable name="fastscroll_recth" value="31" />
+		<variable name="fastscroll_rectw" value="7" />
+		<variable name="fastscroll_recth" value="24" />
 		<variable name="listbox_x" value="0" />
 		<variable name="listbox_width" value="280" />
 		<variable name="listbox_background" value="#303030" />
diff --git a/gui/devices/320x320/res/ui.xml b/gui/devices/320x320/res/ui.xml
index f2c8ec8..71cc5e2 100644
--- a/gui/devices/320x320/res/ui.xml
+++ b/gui/devices/320x320/res/ui.xml
@@ -144,12 +144,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="12" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="32" />
 		<variable name="fastscroll_linew" value="1" />
-		<variable name="fastscroll_rectw" value="18" />
-		<variable name="fastscroll_recth" value="31" />
+		<variable name="fastscroll_rectw" value="7" />
+		<variable name="fastscroll_recth" value="24" />
 		<variable name="listbox_x" value="0" />
 		<variable name="listbox_width" value="320" />
 		<variable name="listbox_background" value="#303030" />
diff --git a/gui/devices/320x480/res/ui.xml b/gui/devices/320x480/res/ui.xml
index 019c9ca..865ab50 100644
--- a/gui/devices/320x480/res/ui.xml
+++ b/gui/devices/320x480/res/ui.xml
@@ -144,12 +144,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="12" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="27" />
 		<variable name="fastscroll_linew" value="1" />
-		<variable name="fastscroll_rectw" value="18" />
-		<variable name="fastscroll_recth" value="31" />
+		<variable name="fastscroll_rectw" value="7" />
+		<variable name="fastscroll_recth" value="24" />
 		<variable name="listbox_x" value="3" />
 		<variable name="listbox_width" value="313" />
 		<variable name="listbox_tz_height" value="189" />
diff --git a/gui/devices/480x800/res/ui.xml b/gui/devices/480x800/res/ui.xml
index 0f2dd44..53441fd 100644
--- a/gui/devices/480x800/res/ui.xml
+++ b/gui/devices/480x800/res/ui.xml
@@ -143,12 +143,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="18" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="40" />
 		<variable name="fastscroll_linew" value="2" />
-		<variable name="fastscroll_rectw" value="27" />
-		<variable name="fastscroll_recth" value="47" />
+		<variable name="fastscroll_rectw" value="10" />
+		<variable name="fastscroll_recth" value="30" />
 		<variable name="listbox_x" value="5" />
 		<variable name="listbox_width" value="470" />
 		<variable name="listbox_tz_height" value="310" />
diff --git a/gui/devices/480x854/res/ui.xml b/gui/devices/480x854/res/ui.xml
index ccce332..461bce2 100644
--- a/gui/devices/480x854/res/ui.xml
+++ b/gui/devices/480x854/res/ui.xml
@@ -143,12 +143,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="18" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="40" />
 		<variable name="fastscroll_linew" value="2" />
-		<variable name="fastscroll_rectw" value="27" />
-		<variable name="fastscroll_recth" value="47" />
+		<variable name="fastscroll_rectw" value="12" />
+		<variable name="fastscroll_recth" value="30" />
 		<variable name="listbox_x" value="5" />
 		<variable name="listbox_width" value="470" />
 		<variable name="listbox_tz_height" value="310" />
diff --git a/gui/devices/540x960/res/ui.xml b/gui/devices/540x960/res/ui.xml
index 673d810..66f4cbe 100644
--- a/gui/devices/540x960/res/ui.xml
+++ b/gui/devices/540x960/res/ui.xml
@@ -143,12 +143,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="18" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="45" />
 		<variable name="fastscroll_linew" value="2" />
-		<variable name="fastscroll_rectw" value="30" />
-		<variable name="fastscroll_recth" value="52" />
+		<variable name="fastscroll_rectw" value="12" />
+		<variable name="fastscroll_recth" value="32" />
 		<variable name="listbox_x" value="5" />
 		<variable name="listbox_width" value="530" />
 		<variable name="listbox_tz_height" value="420" />
diff --git a/gui/devices/720x1280/res/ui.xml b/gui/devices/720x1280/res/ui.xml
index 032db37..d45b0e6 100644
--- a/gui/devices/720x1280/res/ui.xml
+++ b/gui/devices/720x1280/res/ui.xml
@@ -148,12 +148,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="36" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="60" />
 		<variable name="fastscroll_linew" value="2" />
-		<variable name="fastscroll_rectw" value="40" />
-		<variable name="fastscroll_recth" value="70" />
+		<variable name="fastscroll_rectw" value="16" />
+		<variable name="fastscroll_recth" value="40" />
 		<variable name="listbox_x" value="5" />
 		<variable name="listbox_width" value="710" />
 		<variable name="listbox_tz_height" value="590" />
diff --git a/gui/devices/800x1280/res/ui.xml b/gui/devices/800x1280/res/ui.xml
index 44fb4e7..fc9da12 100644
--- a/gui/devices/800x1280/res/ui.xml
+++ b/gui/devices/800x1280/res/ui.xml
@@ -145,12 +145,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="36"/>
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="60" />
 		<variable name="fastscroll_linew" value="2" />
-		<variable name="fastscroll_rectw" value="40" />
-		<variable name="fastscroll_recth" value="70" />
+		<variable name="fastscroll_rectw" value="16" />
+		<variable name="fastscroll_recth" value="40" />
 		<variable name="listbox_x" value="5" />
 		<variable name="listbox_width" value="790" />
 		<variable name="listbox_tz_height" value="580" />
diff --git a/gui/devices/800x480/res/ui.xml b/gui/devices/800x480/res/ui.xml
index 3c7cf18..436732a 100644
--- a/gui/devices/800x480/res/ui.xml
+++ b/gui/devices/800x480/res/ui.xml
@@ -159,12 +159,12 @@
 		<variable name="fileselector_highlight_color" value="#505050" />
 		<variable name="fileselector_highlight_font_color" value="#33B5E5" />
 		<variable name="fileselector_spacing" value="12" />
-		<variable name="fastscroll_linecolor" value="#808080" />
-		<variable name="fastscroll_rectcolor" value="#808080" />
+		<variable name="fastscroll_linecolor" value="#50505080" />
+		<variable name="fastscroll_rectcolor" value="#33B5E580" />
 		<variable name="fastscroll_w" value="25" />
 		<variable name="fastscroll_linew" value="2" />
-		<variable name="fastscroll_rectw" value="19" />
-		<variable name="fastscroll_recth" value="31" />
+		<variable name="fastscroll_rectw" value="12" />
+		<variable name="fastscroll_recth" value="20" />
 		<variable name="zipstorage_text_y" value="88" />
 		<variable name="listbox_x" value="156" />
 		<variable name="listbox_y" value="90" />