Change tab theming.

10 files changed, 80 insertions, 6 deletions

diff --git a/data/graphics/gui/CMakeLists.txt b/data/graphics/gui/CMakeLists.txt
index 83a1ff902..b03b856c7 100644
--- a/data/graphics/gui/CMakeLists.txt
+++ b/data/graphics/gui/CMakeLists.txt
@@ -34,9 +34,10 @@ SET (FILES
     slider_hilight.png
     speechbubble.xml
     sticky_button.png
-    tab.png
-    tab_hilight.png
-    tabselected.png
+    tab.xml
+    tab_highlighted.xml
+    tab_selected.xml
+    tab_unused.xml
     target-cursor-in-range-l.png
     target-cursor-in-range-m.png
     target-cursor-in-range-s.png
diff --git a/data/graphics/gui/Makefile.am b/data/graphics/gui/Makefile.am
index 42d58b3e4..b8591a783 100644
--- a/data/graphics/gui/Makefile.am
+++ b/data/graphics/gui/Makefile.am
@@ -37,9 +37,10 @@ gui_DATA =				\
 	slider_hilight.png		\
 	speechbubble.xml		\
 	sticky_button.png		\
-	tab.png				\
-	tab_hilight.png			\
-	tabselected.png			\
+	tab.xml				\
+	tab_highlighted.xml		\
+	tab_selected.xml			\
+	tab_unused.xml			\
 	target-cursor-in-range-l.png	\
 	target-cursor-in-range-m.png	\
 	target-cursor-in-range-s.png	\
diff --git a/data/graphics/gui/tab.png b/data/graphics/gui/tab.png
deleted file mode 100644
index 91eadf08f..000000000
--- a/data/graphics/gui/tab.png
+++ /dev/null
diff --git a/data/graphics/gui/tab.xml b/data/graphics/gui/tab.xml
new file mode 100644
index 000000000..e00f7f907
--- /dev/null
+++ b/data/graphics/gui/tab.xml
@@ -0,0 +1,18 @@
+<skinset name="Default" image="window.png">
+	<widget type="Window" xpos="68" ypos="0">
+		<!-- Top Row -->
+		<part type="top-left-corner" xpos="0" ypos="0" width="10" height="5" />
+		<part type="top-edge" xpos="9" ypos="0" width="8" height="5" />
+		<part type="top-right-corner" xpos="16" ypos="0" width="10" height="5" />
+
+		<!-- Middle Row -->
+		<part type="left-edge" xpos="0" ypos="4" width="10" height="16" />
+		<part type="bg-quad" xpos="9" ypos="4" width="8" height="16" />
+		<part type="right-edge" xpos="16" ypos="4" width="10" height="16" />
+
+		<!-- Bottom Row -->
+		<part type="bottom-left-corner" xpos="0" ypos="19" width="10" height="5" />
+		<part type="bottom-edge" xpos="9" ypos="19" width="8" height="5" />
+		<part type="bottom-right-corner" xpos="16" ypos="19" width="10" height="5" />
+	</widget>
+</skinset>
diff --git a/data/graphics/gui/tab_highlighted.xml b/data/graphics/gui/tab_highlighted.xml
new file mode 100644
index 000000000..479a883fb
--- /dev/null
+++ b/data/graphics/gui/tab_highlighted.xml
@@ -0,0 +1,18 @@
+<skinset name="Default" image="window.png">
+	<widget type="Window" xpos="68" ypos="25">
+		<!-- Top Row -->
+		<part type="top-left-corner" xpos="0" ypos="0" width="10" height="5" />
+		<part type="top-edge" xpos="9" ypos="0" width="8" height="5" />
+		<part type="top-right-corner" xpos="16" ypos="0" width="10" height="5" />
+
+		<!-- Middle Row -->
+		<part type="left-edge" xpos="0" ypos="4" width="10" height="16" />
+		<part type="bg-quad" xpos="9" ypos="4" width="8" height="16" />
+		<part type="right-edge" xpos="16" ypos="4" width="10" height="16" />
+
+		<!-- Bottom Row -->
+		<part type="bottom-left-corner" xpos="0" ypos="19" width="10" height="5" />
+		<part type="bottom-edge" xpos="9" ypos="19" width="8" height="5" />
+		<part type="bottom-right-corner" xpos="16" ypos="19" width="10" height="5" />
+	</widget>
+</skinset>
diff --git a/data/graphics/gui/tab_hilight.png b/data/graphics/gui/tab_hilight.png
deleted file mode 100644
index f6b39942d..000000000
--- a/data/graphics/gui/tab_hilight.png
+++ /dev/null
diff --git a/data/graphics/gui/tab_selected.xml b/data/graphics/gui/tab_selected.xml
new file mode 100644
index 000000000..f3869b9d0
--- /dev/null
+++ b/data/graphics/gui/tab_selected.xml
@@ -0,0 +1,18 @@
+<skinset name="Default" image="window.png">
+	<widget type="Window" xpos="68" ypos="50">
+		<!-- Top Row -->
+		<part type="top-left-corner" xpos="0" ypos="0" width="10" height="5" />
+		<part type="top-edge" xpos="9" ypos="0" width="8" height="5" />
+		<part type="top-right-corner" xpos="16" ypos="0" width="10" height="5" />
+
+		<!-- Middle Row -->
+		<part type="left-edge" xpos="0" ypos="4" width="10" height="16" />
+		<part type="bg-quad" xpos="9" ypos="4" width="8" height="16" />
+		<part type="right-edge" xpos="16" ypos="4" width="10" height="16" />
+
+		<!-- Bottom Row -->
+		<part type="bottom-left-corner" xpos="0" ypos="19" width="10" height="5" />
+		<part type="bottom-edge" xpos="9" ypos="19" width="8" height="5" />
+		<part type="bottom-right-corner" xpos="16" ypos="19" width="10" height="5" />
+	</widget>
+</skinset>
diff --git a/data/graphics/gui/tab_unused.xml b/data/graphics/gui/tab_unused.xml
new file mode 100644
index 000000000..95b48e695
--- /dev/null
+++ b/data/graphics/gui/tab_unused.xml
@@ -0,0 +1,18 @@
+<skinset name="Default" image="window.png">
+	<widget type="Window" xpos="68" ypos="75">
+		<!-- Top Row -->
+		<part type="top-left-corner" xpos="0" ypos="0" width="10" height="5" />
+		<part type="top-edge" xpos="9" ypos="0" width="8" height="5" />
+		<part type="top-right-corner" xpos="16" ypos="0" width="10" height="5" />
+
+		<!-- Middle Row -->
+		<part type="left-edge" xpos="0" ypos="4" width="10" height="16" />
+		<part type="bg-quad" xpos="9" ypos="4" width="8" height="16" />
+		<part type="right-edge" xpos="16" ypos="4" width="10" height="16" />
+
+		<!-- Bottom Row -->
+		<part type="bottom-left-corner" xpos="0" ypos="19" width="10" height="5" />
+		<part type="bottom-edge" xpos="9" ypos="19" width="8" height="5" />
+		<part type="bottom-right-corner" xpos="16" ypos="19" width="10" height="5" />
+	</widget>
+</skinset>
diff --git a/data/graphics/gui/tabselected.png b/data/graphics/gui/tabselected.png
deleted file mode 100644
index e2983060c..000000000
--- a/data/graphics/gui/tabselected.png
+++ /dev/null
diff --git a/data/graphics/gui/window.png b/data/graphics/gui/window.png
index 1bdee4931..37395d0a2 100644
--- a/data/graphics/gui/window.png
+++ b/data/graphics/gui/window.png