Add isolated UAT and production environments

scripts/ui/main.gd

@@ -7,6 +7,7 @@ const NavigationRoutes := preload("res://scripts/ui/navigation_routes.gd")
 var screens := {}
 var header_panel: PanelContainer
 var header_title: Label
+var environment_badge: Label
 var app_menu: PanelContainer
 var menu_exit_button: Button
 var sound_toggle: CheckButton
@@ -149,6 +150,16 @@ func _build_ui() -> void:
 	header_title.add_theme_color_override("font_color", Brand.text_color(UIThemeService.is_dark_mode()))
 	header.add_child(header_title)
 
+	environment_badge = Label.new()
+	environment_badge.text = "UAT"
+	environment_badge.tooltip_text = "User acceptance testing environment"
+	environment_badge.visible = str(ProjectSettings.get_setting("step3/deployment_environment", "development")) == "uat"
+	environment_badge.add_theme_font_override("font", Brand.font)
+	environment_badge.add_theme_font_size_override("font_size", 13)
+	environment_badge.add_theme_color_override("font_color", Color("052e16"))
+	environment_badge.add_theme_stylebox_override("normal", _environment_badge_box())
+	header.add_child(environment_badge)
+
 	var header_spacer := Control.new()
 	header_spacer.size_flags_horizontal = Control.SIZE_EXPAND_FILL
 	header.add_child(header_spacer)
@@ -609,6 +620,17 @@ func _top_bar_box() -> StyleBoxFlat:
 	return box
 
 
+func _environment_badge_box() -> StyleBoxFlat:
+	var box := StyleBoxFlat.new()
+	box.bg_color = Color("86efac")
+	box.set_corner_radius_all(6)
+	box.content_margin_left = 9
+	box.content_margin_right = 9
+	box.content_margin_top = 4
+	box.content_margin_bottom = 4
+	return box
+
+
 func _style_header_feedback_button(button: Button) -> void:
 	var dark := UIThemeService.is_dark_mode()
 	var normal := Style.button_box(Color(0, 0, 0, 0), Brand.ROYAL_BLUE)