new targets

lib/screens/target_screen.dart

@@ -3,6 +3,7 @@ import 'package:shared_preferences/shared_preferences.dart';
 import 'stream_screen.dart'; // Import the camera stream screen
 import 'spectator_screen.dart';
 import '../utils/translations.dart';
+import '../utils/target_colors.dart';
 
 class TargetScreen extends StatefulWidget {
   const TargetScreen({super.key});
@@ -15,11 +16,15 @@ class _TargetScreenState extends State<TargetScreen> {
   List<bool> _cameraButtonsEnabled =
       List.generate(6, (_) => false); // Initially, all buttons are disabled
   String _selectedLanguage = 'English';
+  late Color _backgroundColor;
 
   @override
   void initState() {
     super.initState();
+    // Initialize with default target background color
+    _backgroundColor = TargetColors.getBackgroundColor('assets/target.png');
     _loadLanguage();
+    _loadSelectedTargetColor();
     _loadCameraData();
   }
 
@@ -34,6 +39,14 @@ class _TargetScreenState extends State<TargetScreen> {
     });
   }
 
+  Future<void> _loadSelectedTargetColor() async {
+    final prefs = await SharedPreferences.getInstance();
+    final selectedTarget = prefs.getString('selectedTarget') ?? 'assets/target.png';
+    setState(() {
+      _backgroundColor = TargetColors.getBackgroundColor(selectedTarget);
+    });
+  }
+
   /// Load the camera IPs from SharedPreferences and update button status
   Future<void> _loadCameraData() async {
     final prefs = await SharedPreferences.getInstance();
@@ -67,6 +80,7 @@ class _TargetScreenState extends State<TargetScreen> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      backgroundColor: _backgroundColor,
       body: Padding(
         padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 32),
         child: Column(