Toggle button contrast and psd files

Resources/EditorData/AtomicEditor/editor/ui/welcomeframe.tb.txt

@@ -37,11 +37,11 @@ TBLayout: distribution: gravity, size: available, axis: y, id: welcomelayout, po
                     TBLayout: axis: y, spacing: 12
                         TBLayout: distribution: gravity
                             TBEditField: text: "Filter Examples:", styling: 1, readonly: 1, adapt-to-content: 1, skin: AccentColor2
-                            TBButton: id: 'examples_csharp', text: "CSharp", value: 0, toggle-mode: 1
+                            TBButton: id: 'examples_csharp', text: "CSharp", value: 0, toggle-mode: 1, skin: "TBToggleButton"
                                 lp: width: 92
-                            TBButton: id: 'examples_javascript', text: "JavaScript", value: 0, toggle-mode: 1
+                            TBButton: id: 'examples_javascript', text: "JavaScript", value: 0, toggle-mode: 1, skin: "TBToggleButton"
                                 lp: width: 92
-                            TBButton: id: 'examples_typescript', text: "TypeScript", value: 0, toggle-mode: 1
+                            TBButton: id: 'examples_typescript', text: "TypeScript", value: 0, toggle-mode: 1, skin: "TBToggleButton"
                                 lp: width: 92
                             TBWidget: gravity: left right
                         TBLayout: distribution: gravity

Resources/EditorData/AtomicEditor/resources/default_skin/skin.tb.txt

@@ -551,3 +551,26 @@ elements
 	TBCheckBox.uilistview_selected
 		bitmap arrow_down_dark.png
 		type Image
+
+	# == ToggleButton skins ====================================================================================
+
+	TBToggleButton
+		text-color #fefefe
+		bitmap button.png
+		cut 17
+		expand 7
+		padding 6 8
+		overrides
+			element TBButtonInGroup
+				condition: target: parent, property: skin, value: button_group
+				condition: target: parent, property: axis, value: x
+			element TBToggleButton.pressed
+				state pressed
+	TBToggleButton.pressed
+		text-color #fefefe
+		bitmap buttontoggle_pressed.png
+		cut 17
+		expand 7
+		content-ofs-x 1
+		content-ofs-y 1
+

Resources/EditorData/AtomicEditor/resources/default_skin_light/skin.tb.txt

@@ -553,3 +553,26 @@ elements
 	TBCheckBox.uilistview_selected
 		bitmap arrow_down_dark.png
 		type Image
+
+	# == ToggleButton skins ====================================================================================
+
+	TBToggleButton
+		text-color #2c2c2c
+		bitmap button.png
+		cut 17
+		expand 7
+		padding 6 8
+		overrides
+			element TBButtonInGroup
+				condition: target: parent, property: skin, value: button_group
+				condition: target: parent, property: axis, value: x
+			element TBToggleButton.pressed
+				state pressed
+	TBToggleButton.pressed
+		text-color #2c2c2c
+		bitmap buttontoggle_pressed.png
+		cut 17
+		expand 7
+		content-ofs-x 1
+		content-ofs-y 1
+

Resources/PlayerData/DefaultUI/skin/skin.tb.txt

@@ -462,3 +462,26 @@ elements
 		bitmap focus_r4.png
 		cut 11
 		expand 4
+
+	# == ToggleButton skins ====================================================================================
+
+	TBToggleButton
+		text-color #fefefe
+		bitmap button.png
+		cut 17
+		expand 7
+		padding 6 8
+		overrides
+			element TBButtonInGroup
+				condition: target: parent, property: skin, value: button_group
+				condition: target: parent, property: axis, value: x
+			element TBToggleButton.pressed
+				state pressed
+	TBToggleButton.pressed
+		text-color #fefefe
+		bitmap buttontoggle_pressed.png
+		cut 17
+		expand 7
+		content-ofs-x 1
+		content-ofs-y 1
+