Add a new button style: 'BrownButton'

Each sprite is comprised of dynamically scaled 9 slices stored in a designated directory.
Base, over, pressed, and disabled variants are combined into a button style called
'BrownButton'.

The sprites have a native/maximum total resolution of 266 x 74 pixels.
(which is larger than any other button sprites)

Brightness of the base sprite is kept neutral so that it fits on both
light and dark backgrounds.

Disable compression and mipmapping as they don't work well with sliced
sprites.

binaries/data/mods/public/art/textures/ui/global/button/button_brown/textures.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Textures>
+  <File pattern="*" format="rgba" mipmap="false"/>
+</Textures>

binaries/data/mods/public/gui/common/sprites.xml

@@ -223,6 +223,138 @@
 	==========================================
 	-->
 
+	<sprite name="BrownButton">
+		<image texture="global/button/button_brown/base/center.png"
+			size="5 5 100%-5 100%-5"
+		/>
+
+		<image texture="global/button/button_brown/base/left_edge.png"
+			size="0 5 8 100%-5"
+		/>
+		<image texture="global/button/button_brown/base/top_edge.png"
+			size="5 0 100%-5 8"
+		/>
+		<image texture="global/button/button_brown/base/right_edge.png"
+			size="100%-8 5 100% 100%-5"
+		/>
+		<image texture="global/button/button_brown/base/bottom_edge.png"
+			size="5 100%-8 100%-5 100%"
+		/>
+
+		<image texture="global/button/button_brown/base/top_left_corner.png"
+			size="0 0 8 8"
+		/>
+		<image texture="global/button/button_brown/base/top_right_corner.png"
+			size="100%-8 0 100% 8"
+		/>
+		<image texture="global/button/button_brown/base/bottom_right_corner.png"
+			size="100%-8 100%-8 100% 100%"
+		/>
+		<image texture="global/button/button_brown/base/bottom_left_corner.png"
+			size="0 100%-8 8 100%"
+		/>
+	</sprite>
+
+	<sprite name="BrownButtonOver">
+		<image texture="global/button/button_brown/over/center.png"
+			size="5 5 100%-5 100%-5"
+		/>
+
+		<image texture="global/button/button_brown/over/left_edge.png"
+			size="0 5 8 100%-5"
+		/>
+		<image texture="global/button/button_brown/over/top_edge.png"
+			size="5 0 100%-5 8"
+		/>
+		<image texture="global/button/button_brown/over/right_edge.png"
+			size="100%-8 5 100% 100%-5"
+		/>
+		<image texture="global/button/button_brown/over/bottom_edge.png"
+			size="5 100%-8 100%-5 100%"
+		/>
+
+		<image texture="global/button/button_brown/over/top_left_corner.png"
+			size="0 0 8 8"
+		/>
+		<image texture="global/button/button_brown/over/top_right_corner.png"
+			size="100%-8 0 100% 8"
+		/>
+		<image texture="global/button/button_brown/over/bottom_right_corner.png"
+			size="100%-8 100%-8 100% 100%"
+		/>
+		<image texture="global/button/button_brown/over/bottom_left_corner.png"
+			size="0 100%-8 8 100%"
+		/>
+	</sprite>
+
+	<sprite name="BrownButtonPressed">
+		<image texture="global/button/button_brown/pressed/center.png"
+			size="5 5 100%-5 100%-5"
+		/>
+
+		<image texture="global/button/button_brown/pressed/left_edge.png"
+			size="0 5 8 100%-5"
+		/>
+		<image texture="global/button/button_brown/pressed/top_edge.png"
+			size="5 0 100%-5 8"
+		/>
+		<image texture="global/button/button_brown/pressed/right_edge.png"
+			size="100%-8 5 100% 100%-5"
+		/>
+		<image texture="global/button/button_brown/pressed/bottom_edge.png"
+			size="5 100%-8 100%-5 100%"
+		/>
+
+		<image texture="global/button/button_brown/pressed/top_left_corner.png"
+			size="0 0 8 8"
+		/>
+		<image texture="global/button/button_brown/pressed/top_right_corner.png"
+			size="100%-8 0 100% 8"
+		/>
+		<image texture="global/button/button_brown/pressed/bottom_right_corner.png"
+			size="100%-8 100%-8 100% 100%"
+		/>
+		<image texture="global/button/button_brown/pressed/bottom_left_corner.png"
+			size="0 100%-8 8 100%"
+		/>
+	</sprite>
+
+	<sprite name="BrownButtonDisabled">
+		<effect grayscale=""/>
+
+		<image texture="global/button/button_brown/base/center.png"
+			size="5 5 100%-5 100%-5"
+		/>
+
+		<image texture="global/button/button_brown/base/left_edge.png"
+			size="0 5 8 100%-5"
+		/>
+		<image texture="global/button/button_brown/base/top_edge.png"
+			size="5 0 100%-5 8"
+		/>
+		<image texture="global/button/button_brown/base/right_edge.png"
+			size="100%-8 5 100% 100%-5"
+		/>
+		<image texture="global/button/button_brown/base/bottom_edge.png"
+			size="5 100%-8 100%-5 100%"
+		/>
+
+		<image texture="global/button/button_brown/base/top_left_corner.png"
+			size="0 0 8 8"
+		/>
+		<image texture="global/button/button_brown/base/top_right_corner.png"
+			size="100%-8 0 100% 8"
+		/>
+		<image texture="global/button/button_brown/base/bottom_right_corner.png"
+			size="100%-8 100%-8 100% 100%"
+		/>
+		<image texture="global/button/button_brown/base/bottom_left_corner.png"
+			size="0 100%-8 8 100%"
+		/>
+
+		<image backcolor="100 100 100 60"/>
+	</sprite>
+
 	<sprite name="StoneButton">
 		<image texture="global/button/button_stone_unselected.png"
 			real_texture_placement="0 0 256 28"

binaries/data/mods/public/gui/common/styles.xml

@@ -58,6 +58,19 @@
 	==========================================
 	-->
 
+	<style name="BrownButton"
+		sprite="BrownButton"
+		sprite_disabled="BrownButtonDisabled"
+		sprite_over="BrownButtonOver"
+		sprite_pressed="BrownButtonPressed"
+		font="sans-bold-stroke-14"
+		textcolor="white"
+		textcolor_disabled="210 210 210 160"
+		text_align="center"
+		text_valign="center"
+		sound_pressed="audio/interface/ui/ui_button_click.ogg"
+	/>
+
 	<style name="StoneButtonFancy"
 		sprite="StoneButton"
 		sprite_disabled="StoneButtonDisabled"