GUI2: experimental new design for toggle panel selected/focused states

data/gui/widget/toggle_panel_default.cfg

@@ -13,6 +13,37 @@
 	[/rectangle]
 #enddef
 
+#define _GUI_TOGGLE_PANEL_SELECTED
+	{_GUI_RECT ({GUI__BACKGROUND_COLOR_ENABLED}) }
+
+	[image]
+		x = 0
+		y = 0
+		w = "(width)"
+		h = "(height)"
+		name = "dialogs/selection-background.png"
+		#name = "dialogs/selection2-background.png~ADJUST_ALPHA(abs(255 - (floor(x / width * 255))))"
+	[/image]
+
+	[rectangle]
+		x = 0
+		y = 0
+		w = 2
+		h = "(height)"
+
+		fill_color = {GUI__BORDER_COLOR_DARK}
+	[/rectangle]
+
+	[rectangle]
+		x = 0
+		y = 1
+		w = 2
+		h = "(height - 2)"
+
+		fill_color = {GUI__BORDER_COLOR_BRIGHT}
+	[/rectangle]
+#enddef
+
 [toggle_panel_definition]
 
 	id = "default"
@@ -32,68 +63,70 @@
 
 		max_width = 0
 		max_height = 0
+
 		[state]
-		[enabled]
+			[enabled]
 
-			[draw]
-				{_GUI_RECT ({GUI__BACKGROUND_COLOR_ENABLED}) }
-			[/draw]
+				[draw]
+					{_GUI_RECT ({GUI__BACKGROUND_COLOR_ENABLED}) }
+				[/draw]
 
-		[/enabled]
+			[/enabled]
 
-		[disabled]
+			[disabled]
 
-			[draw]
-				{_GUI_RECT ({GUI__BACKGROUND_COLOR_DISABLED}) }
-			[/draw]
+				[draw]
+					{_GUI_RECT ({GUI__BACKGROUND_COLOR_DISABLED}) }
+				[/draw]
 
-		[/disabled]
+			[/disabled]
 
-		[focused]
+			[focused]
 
-			[draw]
+				[draw]
+					{_GUI_RECT ({GUI__BACKGROUND_COLOR_ENABLED}) }
 
-				[image]
-					x = 0
-					y = 0
-					w = "(width)"
-					h = "(height)"
-					name = "dialogs/selection-background.png"
-				[/image]
+					[image]
+						x = 0
+						y = 0
+						w = "(width)"
+						h = "(height)"
+						name = "dialogs/selection-background.png~O(75%)"
+					[/image]
 
-			[/draw]
+				[/draw]
 
-		[/focused]
+			[/focused]
 		[/state]
 
-###
-### Selected
-###
+		###
+		### Selected
+		###
 
 		[state]
-		[enabled]
+			[enabled]
 
-			[draw]
-				{GUI__LISTBOX_SELECTED_CELL}
-			[/draw]
+				[draw]
+					{_GUI_TOGGLE_PANEL_SELECTED}
+				[/draw]
 
-		[/enabled]
+			[/enabled]
 
-		[disabled]
+			[disabled]
 
-			[draw]
-				{GUI__LISTBOX_SELECTED_CELL}
-			[/draw]
+				[draw]
+					{GUI__LISTBOX_SELECTED_CELL}
+				[/draw]
 
-		[/disabled]
+			[/disabled]
 
-		[focused]
+			[focused]
 
-			[draw]
-				{GUI__LISTBOX_SELECTED_CELL}
-			[/draw]
+				[draw]
+					{_GUI_TOGGLE_PANEL_SELECTED}
+				[/draw]
 
-		[/focused]
+			[/focused]
 		[/state]
 
 	[/resolution]
@@ -101,3 +134,4 @@
 [/toggle_panel_definition]
 
 #undef _GUI_RECT
+#undef _GUI_TOGGLE_PANEL_SELECTED