new targets

lib/screens/camera_screen.dart

@@ -6,6 +6,7 @@ import 'package:shared_preferences/shared_preferences.dart';
 import 'yolo_detector.dart';
 import 'preview_screen.dart';
 import '../utils/translations.dart';
+import '../utils/target_colors.dart';
 
 class CameraScreen extends StatefulWidget {
   const CameraScreen({super.key});
@@ -23,6 +24,7 @@ class _CameraScreenState extends State<CameraScreen> {
   // The variable to hold the number of bullets entered by the user (default set to 5)
   int _numberOfBullets = 5;
   String _selectedLanguage = 'English';
+  late Color _backgroundColor;
 
   // Brightness and contrast controls
   double _brightness = 0.0; // -1.0 to 1.0
@@ -31,10 +33,13 @@ class _CameraScreenState extends State<CameraScreen> {
   @override
   void initState() {
     super.initState();
+    // Initialize with default target background color
+    _backgroundColor = TargetColors.getBackgroundColor('assets/target.png');
     _loadBulletCount();
     _initCamera();
     _loadBulletColor(); // 👈
     _loadLanguage();
+    _loadSelectedTargetColor();
     _loadBrightnessContrast();
     YOLODetector.create().then((detector) => _yoloDetector = detector);
   }
@@ -64,6 +69,14 @@ class _CameraScreenState extends State<CameraScreen> {
     });
   }
 
+  Future<void> _loadSelectedTargetColor() async {
+    final prefs = await SharedPreferences.getInstance();
+    final selectedTarget = prefs.getString('selectedTarget') ?? 'assets/target.png';
+    setState(() {
+      _backgroundColor = TargetColors.getBackgroundColor(selectedTarget);
+    });
+  }
+
   Future<void> _loadBulletColor() async {
   final prefs = await SharedPreferences.getInstance();
   final selected = prefs.getString('bulletColor') ?? 'Blue';
@@ -445,6 +458,7 @@ Color _getColorFromName(String colorName) {
     }
 
     return Scaffold(
+      backgroundColor: _backgroundColor,
       extendBody: true,
       appBar: AppBar(
         backgroundColor: Colors.grey[900],